Skip to content

H
hello uni-app x

DCloud / hello uni-app x

通知 6059
Star 93
Fork 166
H
hello uni-app x
提交 4e6b272b 编写于 作者: 雪洛's avatar 雪洛
浏览文件
操作

fix: 修复this需要在箭头函数内使用

上级 cda2c837
隐藏空白更改
内联 并排
Showing with 410 addition and 410 deletion
pages/API/choose-image/choose-image.uvue
浏览文件 @ 4e6b272b
......@@ -181,7 +181,7 @@
chooseImageSource() {
uni.showActionSheet({
itemList: ['拍照', '相册', '拍照或相册'],
success(e) {
success: (e) => {
this.sourceTypeIndex = e.tapIndex!
}
})
......@@ -189,7 +189,7 @@
chooseImageType() {
uni.showActionSheet({
itemList: ['压缩', '原图', '压缩或原图'],
success(e) {
success: (e) => {
this.sizeTypeIndex = e.tapIndex!
}
})
......@@ -290,4 +290,4 @@
transition: height;
transition-duration: 300;
}
</style>
\ No newline at end of file
</style>
pages/API/download-file/download-file.uvue
浏览文件 @ 4e6b272b
......@@ -97,4 +97,4 @@
justify-content: center;
align-items: center;
}
</style>
\ No newline at end of file
</style>
pages/API/get-location/get-location.uvue
浏览文件 @ 4e6b272b
......@@ -91,17 +91,17 @@
altitude: this.altitudeSelect,
isHighAccuracy: this.isHighAccuracySelect,
geocode: this.geocodeSelect,
success: function (res : any) {
success: (res : any) => {
uni.hideLoading()
console.log(res);
this.exeRet = JSON.stringify(res)
},
fail: function (res : any) {
fail: (res : any) => {
uni.hideLoading()
console.log(res);
this.exeRet = JSON.stringify(res)
},
complete: function (res : any) {
complete: (res : any) => {
uni.hideLoading()
console.log(res);
this.exeRet = JSON.stringify(res)
......
pages/API/storage/storage.uvue
浏览文件 @ 4e6b272b
<template>
<!-- #ifdef APP -->
<scroll-view style="flex: 1">
<!-- #endif -->
<view>
<page-head :title="title"></page-head>
<view class="uni-common-mt">
<view class="uni-list">
<view class="uni-list-cell uni-list-cell-line">
<view class="uni-list-cell-left">
<view class="uni-label">key</view>
</view>
<view class="uni-list-cell-db">
<input
class="uni-input"
type="text"
placeholder="请输入key"
name="key"
:value="key"
@input="keyChange"
/>
</view>
</view>
<view class="uni-list-cell">
<view class="uni-list-cell-left">
<view class="uni-label">value</view>
</view>
<view class="uni-list-cell-db">
<input
class="uni-input"
type="text"
placeholder="请输入value"
name="data"
:value="data"
@input="dataChange"
/>
</view>
</view>
</view>
<view class="uni-padding-wrap">
<view class="uni-btn-v">
<button class="uni-btn btn-getStorageInfoASync" type="primary" @tap="getStorageInfo">
获取存储概述-异步
</button>
<button class="uni-btn btn-getStorageInfoSync" @tap="getStorageInfoSync">
获取存储概述-同步
</button>
</view>
<text>{{ storageInfo }}</text>
<view class="uni-flex uni-row">
<button
<template>
<!-- #ifdef APP -->
<scroll-view style="flex: 1">
<!-- #endif -->
<view>
<page-head :title="title"></page-head>
<view class="uni-common-mt">
<view class="uni-list">
<view class="uni-list-cell uni-list-cell-line">
<view class="uni-list-cell-left">
<view class="uni-label">key</view>
</view>
<view class="uni-list-cell-db">
<input
class="uni-input"
type="text"
placeholder="请输入key"
name="key"
:value="key"
@input="keyChange"
/>
</view>
</view>
<view class="uni-list-cell">
<view class="uni-list-cell-left">
<view class="uni-label">value</view>
</view>
<view class="uni-list-cell-db">
<input
class="uni-input"
type="text"
placeholder="请输入value"
name="data"
:value="data"
@input="dataChange"
/>
</view>
</view>
</view>
<view class="uni-padding-wrap">
<view class="uni-btn-v">
<button class="uni-btn btn-getStorageInfoASync" type="primary" @tap="getStorageInfo">
获取存储概述-异步
</button>
<button class="uni-btn btn-getStorageInfoSync" @tap="getStorageInfoSync">
获取存储概述-同步
</button>
</view>
<text>{{ storageInfo }}</text>
<view class="uni-flex uni-row">
<button
type="default"
style="width:325rpx"
@tap="strMock"
>
填充字符串
</button>
<button
style="width:325rpx"
@tap="strMock"
>
填充字符串
</button>
<button
type="default"
style="width:325rpx"
@tap="complexMock"
>
填充复杂对象
</button>
</view>
<view class="uni-flex uni-row">
<button
style="width:325rpx"
@tap="complexMock"
>
填充复杂对象
</button>
</view>
<view class="uni-flex uni-row">
<button
type="default"
style="width:325rpx"
@tap="numberMock"
>
填充整型
</button>
<button
style="width:325rpx"
@tap="numberMock"
>
填充整型
</button>
<button
type="default"
style="width:325rpx"
@tap="floatMock"
>
填充浮点型
</button>
</view>
</view>
<view class="uni-padding-wrap">
<view class="uni-btn-v">
<button
type="primary"
class="uni-btn btn-setstorageAsync"
@tap="setStorage"
>
存储数据-异步
</button>
<button class="uni-btn btn-getstorageAsync" @tap="getStorage">读取数据-异步</button>
<button class="uni-btn btn-removeStorageInfoASync" @tap="removeStorage">移除数据-异步</button>
<button class="uni-btn btn-clearStorageInfoASync" @tap="clearStorage">清理数据-异步</button>
</view>
<view class="uni-btn-v">
<button
type="primary"
class="uni-btn btn-setstorageSync"
@tap="setStorageSync"
>
存储数据-同步
</button>
<button class="uni-btn btn-getstorageSync" @tap="getStorageSync">读取数据-同步</button>
<button class="uni-btn btn-removeStorageInfoSync" @tap="removeStorageSync">
移除数据-同步
</button>
<button class="uni-btn btn-clearStorageInfoSync" @tap="clearStorageSync">
清理数据-同步
</button>
</view>
</view>
</view>
</view>
<!-- #ifdef APP -->
</scroll-view>
<!-- #endif -->
</template>
<script lang="uts">
export default {
data() {
return {
title: 'get/set/clearStorage',
key: '',
style="width:325rpx"
@tap="floatMock"
>
填充浮点型
</button>
</view>
</view>
<view class="uni-padding-wrap">
<view class="uni-btn-v">
<button
type="primary"
class="uni-btn btn-setstorageAsync"
@tap="setStorage"
>
存储数据-异步
</button>
<button class="uni-btn btn-getstorageAsync" @tap="getStorage">读取数据-异步</button>
<button class="uni-btn btn-removeStorageInfoASync" @tap="removeStorage">移除数据-异步</button>
<button class="uni-btn btn-clearStorageInfoASync" @tap="clearStorage">清理数据-异步</button>
</view>
<view class="uni-btn-v">
<button
type="primary"
class="uni-btn btn-setstorageSync"
@tap="setStorageSync"
>
存储数据-同步
</button>
<button class="uni-btn btn-getstorageSync" @tap="getStorageSync">读取数据-同步</button>
<button class="uni-btn btn-removeStorageInfoSync" @tap="removeStorageSync">
移除数据-同步
</button>
<button class="uni-btn btn-clearStorageInfoSync" @tap="clearStorageSync">
清理数据-同步
</button>
</view>
</view>
</view>
</view>
<!-- #ifdef APP -->
</scroll-view>
<!-- #endif -->
</template>
<script lang="uts">
export default {
data() {
return {
title: 'get/set/clearStorage',
key: '',
data: '' as any,
apiGetData:'' as any|null,
storageInfo: '',
}
},
methods: {
getStorageInfo() {
uni.getStorageInfo({
success: function (res) {
this.apiGetData = res
this.storageInfo = JSON.stringify(res)
},
})
},
getStorageInfoSync() {
try {
apiGetData:'' as any|null,
storageInfo: '',
}
},
methods: {
getStorageInfo() {
uni.getStorageInfo({
success: (res) => {
this.apiGetData = res
this.storageInfo = JSON.stringify(res)
},
})
},
getStorageInfoSync() {
try {
const res = uni.getStorageInfoSync()
this.apiGetData = res
this.apiGetData = res
this.storageInfo = JSON.stringify(res)
} catch (e) {
// error
console.log(e)
}
},
strMock() {
this.key = 'key_' + Math.random()
this.data = '测试字符串数据，长度为16个字符'
},
complexMock() {
this.key = 'key_' + Math.random()
let jsonObj = {
name: '张三',
age: 12,
classMate: [
{
id: 1001,
name: '李四',
},
{
id: 1002,
name: 'jack ma',
},
],
}
this.data = jsonObj
},
numberMock() {
this.key = 'key_' + Math.random()
this.data = 10011
},
floatMock() {
this.key = 'key_' + Math.random()
this.data = 3.1415926535893384626
},
keyChange: function (e: InputEvent) {
this.key = e.detail.value
},
dataChange: function (e: InputEvent) {
this.data = e.detail.value
},
getStorage: function () {
var key = this.key
if (key.length == 0) {
uni.showModal({
title: '读取数据失败',
content: 'key 不能为空',
showCancel: false,
})
} catch (e) {
// error
console.log(e)
}
},
strMock() {
this.key = 'key_' + Math.random()
this.data = '测试字符串数据，长度为16个字符'
},
complexMock() {
this.key = 'key_' + Math.random()
let jsonObj = {
name: '张三',
age: 12,
classMate: [
{
id: 1001,
name: '李四',
},
{
id: 1002,
name: 'jack ma',
},
],
}
this.data = jsonObj
},
numberMock() {
this.key = 'key_' + Math.random()
this.data = 10011
},
floatMock() {
this.key = 'key_' + Math.random()
this.data = 3.1415926535893384626
},
keyChange: function (e: InputEvent) {
this.key = e.detail.value
},
dataChange: function (e: InputEvent) {
this.data = e.detail.value
},
getStorage: function () {
var key = this.key
if (key.length == 0) {
uni.showModal({
title: '读取数据失败',
content: 'key 不能为空',
showCancel: false,
})
} else {
let that = this
uni.getStorage({
key: key,
let that = this
uni.getStorage({
key: key,
success: (res) => {
that.apiGetData = res.data
......@@ -205,32 +205,32 @@ export default {
}else{
desc = desc + ": " + this.apiGetData
}
uni.showModal({
title: '读取数据成功',
content: desc,
showCancel: false,
})
},
fail: () => {
uni.showModal({
title: '读取数据失败',
content: '找不到 key 对应的数据',
showCancel: false,
})
},
})
}
},
getStorageSync: function () {
var key = this.key
if (key.length == 0) {
uni.showModal({
title: '读取数据失败',
content: 'key 不能为空',
showCancel: false,
})
} else {
uni.showModal({
title: '读取数据成功',
content: desc,
showCancel: false,
})
},
fail: () => {
uni.showModal({
title: '读取数据失败',
content: '找不到 key 对应的数据',
showCancel: false,
})
},
})
}
},
getStorageSync: function () {
var key = this.key
if (key.length == 0) {
uni.showModal({
title: '读取数据失败',
content: 'key 不能为空',
showCancel: false,
})
} else {
this.apiGetData = uni.getStorageSync(key)
let desc:string = typeof this.apiGetData
......@@ -239,123 +239,123 @@ export default {
}else{
desc = desc + ": " + this.apiGetData
}
uni.showModal({
title: '读取数据成功',
content: desc,
showCancel: false,
})
}
},
setStorage: function () {
var key = this.key
var data = this.data
if (key.length == 0) {
uni.showModal({
title: '保存数据失败',
content: 'key 不能为空',
showCancel: false,
})
} else {
uni.setStorage({
key: key,
data: data,
success: () => {
uni.showModal({
title: '存储数据成功',
showCancel: false,
})
},
fail: () => {
uni.showModal({
title: '储存数据失败!',
showCancel: false,
})
},
})
}
},
setStorageSync: function () {
var key = this.key
var data = this.data
if (key.length == 0) {
uni.showModal({
title: '保存数据失败',
content: 'key 不能为空',
showCancel: false,
})
} else {
uni.setStorageSync(key, data)
uni.showModal({
title: '存储数据成功',
showCancel: false,
})
}
},
removeStorage: function () {
uni.removeStorage({
key: this.key,
success: () => {
uni.showModal({
title: '移除数据成功',
showCancel: false,
})
},
fail: () => {
uni.showModal({
title: '移除数据失败',
showCancel: false,
})
},
})
},
removeStorageSync: function () {
uni.removeStorageSync(this.key)
uni.showModal({
title: '移除数据成功',
showCancel: false,
})
},
clearStorage: function () {
this.key = ''
this.data = ''
uni.clearStorage({
success: function (_) {
uni.showModal({
title: '清除数据成功',
showCancel: false,
})
},
fail: function (_) {
uni.showModal({
title: '清除数据失败',
showCancel: false,
})
},
})
},
clearStorageSync: function () {
this.key = ''
this.data = ''
uni.clearStorageSync()
uni.showModal({
title: '清除数据成功',
content: ' ',
showCancel: false,
})
},
},
}
</script>
<style>
.btn-setstorage {
background-color: #007aff;
color: #ffffff;
}
.button-sp-area {
flex-direction: row;
margin: 0 auto;
}
</style>
uni.showModal({
title: '读取数据成功',
content: desc,
showCancel: false,
})
}
},
setStorage: function () {
var key = this.key
var data = this.data
if (key.length == 0) {
uni.showModal({
title: '保存数据失败',
content: 'key 不能为空',
showCancel: false,
})
} else {
uni.setStorage({
key: key,
data: data,
success: () => {
uni.showModal({
title: '存储数据成功',
showCancel: false,
})
},
fail: () => {
uni.showModal({
title: '储存数据失败!',
showCancel: false,
})
},
})
}
},
setStorageSync: function () {
var key = this.key
var data = this.data
if (key.length == 0) {
uni.showModal({
title: '保存数据失败',
content: 'key 不能为空',
showCancel: false,
})
} else {
uni.setStorageSync(key, data)
uni.showModal({
title: '存储数据成功',
showCancel: false,
})
}
},
removeStorage: function () {
uni.removeStorage({
key: this.key,
success: () => {
uni.showModal({
title: '移除数据成功',
showCancel: false,
})
},
fail: () => {
uni.showModal({
title: '移除数据失败',
showCancel: false,
})
},
})
},
removeStorageSync: function () {
uni.removeStorageSync(this.key)
uni.showModal({
title: '移除数据成功',
showCancel: false,
})
},
clearStorage: function () {
this.key = ''
this.data = ''
uni.clearStorage({
success: function (_) {
uni.showModal({
title: '清除数据成功',
showCancel: false,
})
},
fail: function (_) {
uni.showModal({
title: '清除数据失败',
showCancel: false,
})
},
})
},
clearStorageSync: function () {
this.key = ''
this.data = ''
uni.clearStorageSync()
uni.showModal({
title: '清除数据成功',
content: ' ',
showCancel: false,
})
},
},
}
</script>
<style>
.btn-setstorage {
background-color: #007aff;
color: #ffffff;
}
.button-sp-area {
flex-direction: row;
margin: 0 auto;
}
</style>
pages/API/websocket-socketTask/websocket-socketTask.uvue
浏览文件 @ 4e6b272b
<template>
<view>
<page-head title="websocket通讯示例"></page-head>
<view class="uni-padding-wrap">
<view class="uni-btn-v">
<text class="websocket-msg">{{ showMsg }}</text>
<button class="uni-btn-v" type="primary" @click="connect">
连接websocket服务
</button>
<button
class="uni-btn-v"
v-show="connected"
type="primary"
@click="send"
>
发送一条消息
</button>
<button class="uni-btn-v" type="primary" @click="close">
断开websocket服务
</button>
<text class="websocket-tips"
>发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</text
>
</view>
</view>
</view>
</template>
<script lang="uts">
export default {
data() {
return {
connected: false,
connecting: false,
socketTask: null as SocketTask | null,
msg: '',
platform: '',
<template>
<view>
<page-head title="websocket通讯示例"></page-head>
<view class="uni-padding-wrap">
<view class="uni-btn-v">
<text class="websocket-msg">{{ showMsg }}</text>
<button class="uni-btn-v" type="primary" @click="connect">
连接websocket服务
</button>
<button
class="uni-btn-v"
v-show="connected"
type="primary"
@click="send"
>
发送一条消息
</button>
<button class="uni-btn-v" type="primary" @click="close">
断开websocket服务
</button>
<text class="websocket-tips"
>发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</text
>
</view>
</view>
</view>
</template>
<script lang="uts">
export default {
data() {
return {
connected: false,
connecting: false,
socketTask: null as SocketTask | null,
msg: '',
platform: '',
pageVisible: false,
//自动化测试例专用
jest_result: 0,
......@@ -195,33 +195,33 @@ export default {
this.socketTask?.onError((_) => {
this.jest_result = 0;
})
}
},
}
</script>
<style>
.uni-btn-v {
padding: 10rpx 0;
}
.uni-btn-v {
margin: 20rpx 0;
}
.websocket-msg {
padding: 40px 0px;
text-align: center;
font-size: 14px;
line-height: 40px;
color: #666666;
}
.websocket-tips {
padding: 40px 0px;
text-align: center;
font-size: 14px;
line-height: 24px;
color: #666666;
}
</style>
}
},
}
</script>
<style>
.uni-btn-v {
padding: 10rpx 0;
}
.uni-btn-v {
margin: 20rpx 0;
}
.websocket-msg {
padding: 40px 0px;
text-align: center;
font-size: 14px;
line-height: 40px;
color: #666666;
}
.websocket-tips {
padding: 40px 0px;
text-align: center;
font-size: 14px;
line-height: 24px;
color: #666666;
}
</style>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或