You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
2.6 KiB
119 lines
2.6 KiB
2 months ago
|
<template>
|
||
|
|
<view>
|
||
|
|
<u-overlay :show="show">
|
||
|
|
<view class="updatetips-whole">
|
||
|
|
<view class="updatetips">
|
||
|
|
<view>
|
||
|
|
<view class="updatetips-head"><view class="updatetips-version">今日任务</view></view>
|
||
|
|
<view class="updatetips-content">
|
||
|
|
<scroll-view scroll-y="true" style="height: 550rpx;" scroll-with-animation="true">
|
||
|
|
<view style="margin-bottom: 10rpx;" v-for="(item, index) in $store.state.overlaypop.listdata" :key="index" class="">
|
||
|
|
<p style="font-size: 15px;font-weight: 600;">{{ index + 1 }}:{{ item.title }}</p>
|
||
|
|
<u--text :text="item.description"></u--text>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view style="display: flex;justify-content: space-around;">
|
||
|
|
<view class="updatetips-btn" @click="downloadBtn()">稍后处理</view>
|
||
|
|
<view class="updatetips-btn" @click="downBtn()">立即处理</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</u-overlay>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
const SixUniTts = uni.requireNativePlugin('SmallSix-SixUniTts');
|
||
|
|
// SixUniTts.initSixUniTts()
|
||
|
|
// SixUniTts.startSpeech({ speechText: '小六测试播放' })
|
||
|
|
// console.log('yuyin');
|
||
|
|
export default {
|
||
|
|
name: 'OverlayPop',
|
||
|
|
props: ['show'],
|
||
|
|
data() {
|
||
|
|
return {};
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
SixUniTts.initSixUniTts();
|
||
|
|
// console.log(this.$store.state.overlaypop, '111');
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
//立即查看
|
||
|
|
downBtn() {
|
||
|
|
SixUniTts.startSpeech({ speechText: '功能待完善' });
|
||
|
|
},
|
||
|
|
//稍后处理
|
||
|
|
downloadBtn() {
|
||
|
|
// this.show = false;
|
||
|
|
// this.getXT();
|
||
|
|
this.$emit('showF');
|
||
|
|
uni.$u.toast('稍后可在今日任务查看');
|
||
|
|
// console.log(this.$store.state.overlaypop, '111');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style scoped>
|
||
|
|
.updatetips-whole {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.updatetips {
|
||
|
|
position: relative;
|
||
|
|
width: 80%;
|
||
|
|
min-height: 100rpx;
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
}
|
||
|
|
.updatetips-head {
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
height: 15rpx;
|
||
|
|
}
|
||
|
|
.updatetips-head > image {
|
||
|
|
position: absolute;
|
||
|
|
top: -72rpx;
|
||
|
|
width: 100%;
|
||
|
|
height: 280rpx;
|
||
|
|
}
|
||
|
|
.updatetips-version {
|
||
|
|
position: absolute;
|
||
|
|
top: 30rpx;
|
||
|
|
left: 220rpx;
|
||
|
|
/* color: #fff; */
|
||
|
|
font-size: 40rpx;
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
.updatetips-content {
|
||
|
|
width: 80%;
|
||
|
|
min-height: 500rpx;
|
||
|
|
margin: 80rpx auto;
|
||
|
|
}
|
||
|
|
.updatetips-btn-disable {
|
||
|
|
height: 120rpx;
|
||
|
|
line-height: 120rpx;
|
||
|
|
text-align: center;
|
||
|
|
color: #e6e6e6;
|
||
|
|
}
|
||
|
|
.updatetips-btn {
|
||
|
|
height: 120rpx;
|
||
|
|
line-height: 120rpx;
|
||
|
|
text-align: center;
|
||
|
|
color: #55d88a;
|
||
|
|
}
|
||
|
|
.updatetips-btn::before {
|
||
|
|
content: '';
|
||
|
|
width: 85%;
|
||
|
|
height: 1px;
|
||
|
|
background-color: #e6e6e6;
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
}
|
||
|
|
</style>
|