Skip to content

H
hello uni-app x

DCloud / hello uni-app x

通知 6005
Star 91
Fork 164
H
hello uni-app x
提交 5137b89d 编写于 作者: 杜庆泉's avatar 杜庆泉
浏览文件
操作

showloading 编译告警处理

上级 5577bf26
隐藏空白更改
内联 并排
Showing with 102 addition and 109 deletion
pages/API/show-loading/show-loading.uvue
浏览文件 @ 5137b89d
<template> <template>
<view> <view>
<page-head :title="title"></page-head> <page-head :title="title"></page-head>
<view class="uni-list"> <view class="uni-list">
<view class="uni-list-cell uni-list-cell-pd"> <view class="uni-list-cell uni-list-cell-pd">
<view class="uni-list-cell-db">是否显示透明蒙层-屏蔽点击事件</view> <view class="uni-list-cell-db">是否显示透明蒙层-屏蔽点击事件</view>
<switch :checked="maskSelect" @change="maskChange"/> <switch :checked="maskSelect" @change="maskChange" />
</view> </view>
<view class="uni-padding-wrap"> <view class="uni-padding-wrap">
<view class="uni-title uni-common-mt"> <view class="uni-title uni-common-mt">
<text class="uni-title-text"> 设置标题 </text> <text class="uni-title-text"> 设置标题 </text>
</view>
</view>
<view class="uni-list uni-common-pl">
<radio-group @change="radioChange" class="radio-group">
<radio
class="uni-list-cell uni-list-cell-pd radio"
v-for="(item, index) in items"
:key="item.value"
:class="index < items.length - 1 ? 'uni-list-cell-line' : ''"
:value="item.value"
:checked="index === current"
>
{{ item.name }}
</radio>
</radio-group>
</view>
</view>
<view class="uni-padding-wrap">
<view class="uni-btn-v">
<button class="uni-btn-v" type="primary" @click="showLoading">显示 loading 提示框</button>
<!-- #ifndef MP-ALIPAY -->
<button class="uni-btn-v" @click="hideLoading">隐藏 loading 提示框</button>
<!-- #endif -->
</view>
</view> </view>
</view>
<view class="uni-list uni-common-pl">
<radio-group @change="radioChange" class="radio-group">
<radio class="uni-list-cell uni-list-cell-pd radio" v-for="(item, index) in items" :key="item.value"
:class="index < items.length - 1 ? 'uni-list-cell-line' : ''" :value="item.value"
:checked="index === current">
{{ item.name }}
</radio>
</radio-group>
</view>
</view> </view>
<view class="uni-padding-wrap">
<view class="uni-btn-v">
<button class="uni-btn-v" type="primary" @click="showLoading">显示 loading 提示框</button>
<!-- #ifndef MP-ALIPAY -->
<button class="uni-btn-v" @click="hideLoading">隐藏 loading 提示框</button>
<!-- #endif -->
</view>
</view>
</view>
</template> </template>
<script lang="uts"> <script lang="uts">
type ItemType = { type ItemType = {
value: string value : string
name: string name : string
} }
export default { export default {
data() { data() {
return { return {
title: 'loading', title: 'loading',
items: [ items: [
{ {
value: 'null', value: 'null',
name: '无标题', name: '无标题',
}, },
{ {
value: '三秒后自动关闭', value: '三秒后自动关闭',
name: '普通标题', name: '普通标题',
}, },
{ {
value: '超长文本内容，测试超出范围-超长文本内容，测试超出范围-三秒后自动关闭', value: '超长文本内容，测试超出范围-超长文本内容，测试超出范围-三秒后自动关闭',
name: '长标题', name: '长标题',
}, },
] as ItemType[], ] as ItemType[],
current: 0, current: 0,
maskSelect:false, maskSelect: false,
titleSelect:"null" titleSelect: "null"
} }
}, },
methods: { methods: {
radioChange(e: RadioGroupChangeEvent) {
const selected = this.items.find((item): boolean => {
return item.value == e.detail.value
})
if(selected != null){
this.titleSelect = selected!!.value
}
},
maskChange: function (e : SwitchChangeEvent) {
this.maskSelect = e.detail.value
},
showLoading: function() {
console.log(this.titleSelect)
if(this.titleSelect == "null"){
// 测试空的情况 todo
uni.showLoading({
title: "",
mask:this.maskSelect
});
}else{
uni.showLoading({
title: this.titleSelect,
mask:this.maskSelect
});
}
// #ifdef MP-ALIPAY radioChange(e : RadioGroupChangeEvent) {
this._showTimer && clearTimeout(this._showTimer); const selected = this.items.find((item) : boolean => {
this._showTimer = setTimeout(() => { return item.value == e.detail.value
this.hideLoading(); })
}, 3000) if (selected != null) {
// #endif this.titleSelect = selected.value
// #ifdef APP-PLUS
setTimeout(function() {
this.hideLoading();
}, 3000);
// #endif
},
hideLoading: function() {
uni.hideLoading();
}
} }
// #ifdef MP-ALIPAY },
, maskChange: function (e : SwitchChangeEvent) {
onUnload() { this.maskSelect = e.detail.value
// 页面卸载的时候，手动关闭loading },
this._showTimer && clearTimeout(this._showTimer); showLoading: function () {
console.log(this.titleSelect)
if (this.titleSelect == "null") {
uni.showLoading({
title: "",
mask: this.maskSelect
});
} else {
uni.showLoading({
title: this.titleSelect,
mask: this.maskSelect
});
} }
// #ifdef MP-ALIPAY
this._showTimer && clearTimeout(this._showTimer);
this._showTimer = setTimeout(() => {
this.hideLoading();
}, 3000)
// #endif
// #ifdef APP-PLUS
setTimeout(function () {
this.hideLoading();
}, 3000);
// #endif // #endif
},
hideLoading: function () {
uni.hideLoading();
}
}
// #ifdef MP-ALIPAY
,
onUnload() {
// 页面卸载的时候，手动关闭loading
this._showTimer && clearTimeout(this._showTimer);
} }
// #endif
}
</script> </script>
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或