good/xhs-examples
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
熊潇
2025-09-14 00:21:54 +08:00
commit d40b3bbd62
766 changed files with 36275 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
xhs-mini-demos/component-case/storage-async/storage.css Normal file
View File

@@ -0,0 +1 @@
@import '../common/lib/weui.css';

319
xhs-mini-demos/component-case/storage-async/storage.js Normal file
View File

@@ -0,0 +1,319 @@
Page({
onShareAppMessage() {
return {
title: '异步存储',
path: 'packageAPI/pages/storageAsync/storage',
};
},
resetApiData() {
this.setData({
apiData: {
success: false,
fail: false,
complete: false,
content: '',
},
});
},
updateApiData(type, content) {
const apiData = { ...this.data.apiData };
apiData[type] = true;
apiData.content = content;
this.setData({ apiData });
},
data: {
key: '',
data: '',
title: '',
content: '',
apiData: {
content: '',
success: false,
fail: false,
complete: false,
},
},
keyChange(e) {
this.setData({
key: e.detail.value,
});
},
dataChange(e) {
this.setData({
data: e.detail.value,
});
},
getStorage() {
this.resetApiData();
const { key, data } = this.data;
let storageData;
this.setData({
title: '读取数中...',
content: '',
});
if (key.length === 0) {
this.setData({
key,
data,
});
this.setData({
title: '读取数据失败',
content: 'key 不能为空',
});
} else {
xhs.getStorage({
key,
success: res => {
this.updateApiData('success', res);
if (typeof data === 'object') data = JSON.stringify(data);
this.setData({
key,
data: res.storageData,
});
this.setData({
title: '读取数据成功',
content: `key为: ${key} data 数据为: ${res.storageData}`,
});
},
fail: res => {
this.setData({
key,
data: storageData,
});
this.setData({
title: '读取数据失败',
content: '找不到 key 对应的数据',
});
this.updateApiData('fail', res);
},
complete: res => {
this.updateApiData('complete', res);
},
});
}
},
setStorage() {
this.resetApiData();
const { key, data } = this.data;
this.setData({
title: '存储中...',
content: '',
});
if (key.length === 0) {
this.setData({
key,
data,
});
this.setData({
title: '保存数据失败',
content: 'key 不能为空',
});
} else {
xhs.setStorage({
key,
data,
success: res => {
this.setData({
key,
data,
});
this.setData({
title: '存储数据成功',
content: `key: ${key}, data: ${data}`,
});
this.updateApiData('success', res);
},
fail: res => {
this.setData({
key,
data,
});
this.setData({
title: '存储数据失败',
content: '',
});
this.updateApiData('fail', res);
},
complete: res => {
this.updateApiData('complete', res);
},
});
}
},
setStorageObject() {
this.resetApiData();
const { key, data } = this.data;
this.setData({
title: '存储中...',
content: '',
});
if (key.length === 0) {
this.setData({
key,
data,
});
this.setData({
title: '保存数据失败',
content: 'key 不能为空',
});
} else {
xhs.setStorage({
key,
data,
success: res => {
this.updateApiData('success', res);
this.setData({
key,
data: { age: 20 },
});
this.setData({
title: '存储数据成功',
content: `key: ${key}, data: ${JSON.stringify({ age: 20 })}`,
});
},
fail: res => {
this.updateApiData('fail', res);
this.setData({
key,
data,
});
this.setData({
title: '存储数据失败',
content: '',
});
},
complete: res => {
this.updateApiData('complete', res);
},
});
}
},
clearStorageByKey() {
this.resetApiData();
const key = this.data.key;
this.setData({
key: '',
data: '',
});
this.setData({
title: `key ${key} 清除中...`,
content: '',
});
xhs.removeStorage({
key,
success: res => {
this.updateApiData('success', res);
this.setData({
key: '',
data: '',
});
this.setData({
title: `key ${key} 清除数据成功`,
content: '',
});
},
fail: res => {
this.updateApiData('fail', res);
this.setData({
key: '',
data: '',
});
this.setData({
title: `key ${key} 清除数据失败`,
content: '',
});
},
complete: res => {
this.updateApiData('complete', res);
},
});
},
getStorageInfo() {
this.resetApiData();
this.setData({
key: '',
data: '',
});
this.setData({
title: 'storageInfo 获取中...',
content: '',
});
xhs.getStorageInfo({
success: result => {
this.updateApiData('success', result);
this.setData({
title: 'storageInfo获取成功',
content: `数据为: ${JSON.stringify(result)}`,
});
},
fail: res => {
this.updateApiData('fail', res);
this.setData({
title: 'storageInfo获取失败',
content: '',
});
},
complete: res => {
this.updateApiData('complete', res);
},
});
},
clearStorage() {
this.resetApiData();
this.setData({
key: '',
data: '',
});
this.setData({
title: '清除中...',
content: '',
});
xhs.clearStorage({
success: res => {
this.updateApiData('success', res);
this.setData({
key: '',
data: '',
});
this.setData({
title: '清除数据成功',
content: '',
});
},
fail: res => {
this.updateApiData('fail', res);
this.setData({
key: '',
data: '',
});
this.setData({
title: '清除数据失败',
content: '',
});
},
complete: res => {
this.updateApiData('complete', res);
},
});
},
});

3
xhs-mini-demos/component-case/storage-async/storage.json Normal file
View File

@@ -0,0 +1,3 @@
{
"navigationBarTitleText": "异步存储"
}

36
xhs-mini-demos/component-case/storage-async/storage.xhsml Normal file
View File

@@ -0,0 +1,36 @@
<view class="container">
<view class="page-body">
<view class="page-section">
<view class="weui-cells weui-cells_after-title">
<view class="weui-cell weui-cell_input">
<view class="weui-cell__hd">
<view class="weui-label">key</view>
</view>
<view class="weui-cell__bd">
<input class="weui-input" type="text" placeholder="请输入key" name="key" value="{{key}}" bindinput="keyChange"></input>
</view>
</view>
<view class="weui-cell weui-cell_input">
<view class="weui-cell__hd">
<view class="weui-label">value</view>
</view>
<view class="weui-cell__bd">
<input class="weui-input" type="text" placeholder="请输入value" name="data" value="{{data}}" bindinput="dataChange"></input>
</view>
</view>
</view>
<view>
<view>{{title}}</view>
<view>{{content}}</view>
</view>
<view class="btn-area">
<button type="primary" bindtap="setStorage">存储数据</button>
<button bindtap="setStorageObject">存储Object数据</button>
<button bindtap="getStorage">读取数据</button>
<button bindtap="clearStorageByKey">通过key清理数据</button>
<button bindtap="getStorageInfo">获取storage信息</button>
<button bindtap="clearStorage">清理数据</button>
</view>
</view>
</view>
</view>