<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template>
<script>
import {
request
} from '@/tools/request/index.js'
export default {
data() {
return {
title: 'Hello',
}
},
onShow() {
this.fun1()
},
methods: {
async fun1() {
//等待执行
const rs = await this.fun2()
console.log(rs);
console.log('执行完成')
},
//耗时操作
fun2() {
return new Promise((resolve,reject) => {
uni.request({
url:'http://www.baidu.com',
success: (res) => {
resolve('ok')
},
fail: (err) => {
reject('err')
}
})
})
}
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
.red {
color: red;
}
.blue {
color: blue;
}
</style>
如果是showModal
示例
return new Promise( async resolve=> {
uni.showModal({
title:'title',
content:'content',
success: (res) => {
resolve(res)
}
})
})