|
|
|
@ -1,7 +1,7 @@ |
|
|
|
<template> |
|
|
|
<view class="content"> |
|
|
|
<!-- <tn-avatar class="icon tn-icon-email" size="xl"></tn-avatar> --> |
|
|
|
<tn-list-view :card="true" unlined="all" class="listView"> |
|
|
|
<!-- <tn-list-view :card="true" unlined="all" class="listView"> |
|
|
|
<tn-list-cell class="listItem-1"> |
|
|
|
<view>To: {{ emailInfo.addressInfo }}</view> |
|
|
|
<view>Subject: {{ emailInfo.SubjectInfo }}</view> |
|
|
|
@ -28,10 +28,10 @@ |
|
|
|
</tn-grid-item> |
|
|
|
</block> |
|
|
|
</tn-grid> |
|
|
|
</tn-list-cell> |
|
|
|
</tn-list-cell> --> |
|
|
|
<!-- <view class="cutline"></view> |
|
|
|
<tn-list-cell class="listItem-ad">我是谷歌ad部分</tn-list-cell> --> |
|
|
|
<tn-list-cell class="listItemBottom"> |
|
|
|
<!-- <tn-list-cell class="listItemBottom"> |
|
|
|
<image :src="textImgUrl" class="buttomImg"/> |
|
|
|
</tn-list-cell> |
|
|
|
</tn-list-view> |
|
|
|
@ -50,7 +50,73 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</tn-modal> |
|
|
|
<tn-toast ref="toast"></tn-toast> |
|
|
|
<tn-toast ref="toast"></tn-toast> --> |
|
|
|
|
|
|
|
<uv-list class="listView"> |
|
|
|
<uv-list-item class="listItem-1"> |
|
|
|
<text class="listItemText">To: {{ emailInfo.addressInfo }}</text> |
|
|
|
<text class="listItemText">Subject: {{ emailInfo.SubjectInfo }}</text> |
|
|
|
<text class="listItemText">Content: {{ emailInfo.BodyInfo }}</text> |
|
|
|
</uv-list-item> |
|
|
|
<uv-list-item class="listItem"> |
|
|
|
<uv-grid :col="col"> |
|
|
|
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="sendEmail()"> |
|
|
|
<!-- <view class="tn-icon-search"></view> --> |
|
|
|
<uv-icon name="search" :size="36"></uv-icon> |
|
|
|
<text class="toolText">Send email</text> |
|
|
|
</uv-grid-item> |
|
|
|
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="addContact()"> |
|
|
|
<!-- <view class="tn-icon-search"></view> --> |
|
|
|
<uv-icon name="search" :size="36"></uv-icon> |
|
|
|
<text class="toolText">Add to contacts</text> |
|
|
|
</uv-grid-item> |
|
|
|
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="share()"> |
|
|
|
<!-- <view class="tn-icon-share-triangle"></view> --> |
|
|
|
<uv-icon name="share" :size="36"></uv-icon> |
|
|
|
<text class="toolText">Share</text> |
|
|
|
</uv-grid-item> |
|
|
|
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="copyValue()"> |
|
|
|
<!-- <view class="tn-icon-copy-fill"></view> --> |
|
|
|
<uv-icon name="photo" :size="36"></uv-icon> |
|
|
|
<text class="toolText">Copy</text> |
|
|
|
</uv-grid-item> |
|
|
|
</uv-grid> |
|
|
|
</uv-list-item> |
|
|
|
<uv-list-item class="listItem-ad" :bgColor="bgColor"> |
|
|
|
<!-- #ifdef APP-PLUS --> |
|
|
|
<google-native-view class="pangle-native-view" |
|
|
|
@onAdLoaded="onAdLoaded" |
|
|
|
@onAdClicked="onAdClicked" |
|
|
|
@onAdFailedToLoad="onAdFailedToLoad" |
|
|
|
:adId="nativeAdId" |
|
|
|
:style="{ width: 320, height: 450,backgroundColor:'#1F222B' }"> |
|
|
|
</google-native-view> |
|
|
|
<!-- #endif --> |
|
|
|
</uv-list-item> |
|
|
|
<uv-list-item class="listItemBottom"> |
|
|
|
<image :src="textImgUrl" class="buttomImg"/> |
|
|
|
</uv-list-item> |
|
|
|
</uv-list> |
|
|
|
|
|
|
|
<text class="bottomText" @click="jumpToFeedback()">Feedback & Suggestion</text> |
|
|
|
|
|
|
|
<view> |
|
|
|
<uv-modal ref="showStarTip" :showConfirmButton="false"> |
|
|
|
<view class="startTipContent"> |
|
|
|
<view class="starTipView"> |
|
|
|
<text class="starTipText">Do you like this app?</text> |
|
|
|
</view> |
|
|
|
<view class="starTipView"> |
|
|
|
<uv-rate :count="5" v-model="starRateValue" :size="40" active-color="#0186FF" inactive-color="#b2b2b2" gutter="20"></uv-rate> |
|
|
|
</view> |
|
|
|
<view class="starTipView"> |
|
|
|
<uv-button text="submit" color="#0186FF" class="starTipButton" @click="starTipSubmit()"></uv-button> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</uv-modal> |
|
|
|
</view> |
|
|
|
|
|
|
|
<uv-toast ref="toast"></uv-toast> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -63,11 +129,11 @@ |
|
|
|
emailInfo:{}, |
|
|
|
tableName: 'scan_code', |
|
|
|
textImgUrl: '', |
|
|
|
bgColor: '#1F222B', |
|
|
|
|
|
|
|
nativeAdId:'ca-app-pub-3940256099942544/2247696110', //原生广告id |
|
|
|
|
|
|
|
starRateValue: 0, //评分星星数量 |
|
|
|
showStarTip: false, //评分展示开关 |
|
|
|
startTipColor: '#706F6F', //评分弹窗背景色 |
|
|
|
startTipFontColor: '#fff' //评分文字色 |
|
|
|
} |
|
|
|
}, |
|
|
|
async onLoad(option) { |
|
|
|
@ -96,11 +162,12 @@ |
|
|
|
onBackPress(e){ |
|
|
|
let that = this; |
|
|
|
//判断评分弹窗条件是否达到要求 |
|
|
|
let starTipStatus = that.getStarTipStatus(); |
|
|
|
console.log('starTipStatus',starTipStatus) |
|
|
|
const starTipStatus = that.getStarTipStatus(); |
|
|
|
console.log('starTipStatus',JSON.stringify(starTipStatus)) |
|
|
|
if(starTipStatus === null || starTipStatus === ""){ |
|
|
|
//达到要求 |
|
|
|
that.showStarTip = true; |
|
|
|
//that.showStarTip = true; |
|
|
|
that.starTipOpen(); |
|
|
|
that.setStarTipStatus(false); |
|
|
|
return true; |
|
|
|
}else{ |
|
|
|
@ -109,6 +176,35 @@ |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
starTipOpen(){ |
|
|
|
let that = this; |
|
|
|
that.$refs.showStarTip.open(); |
|
|
|
}, |
|
|
|
|
|
|
|
onAdLoaded() { |
|
|
|
console.log('BarcodeNative广告加载成功'); |
|
|
|
}, |
|
|
|
|
|
|
|
onAdClicked() { |
|
|
|
console.log('点击BarcodeNative广告'); |
|
|
|
}, |
|
|
|
|
|
|
|
onAdFailedToLoad(fail) { |
|
|
|
console.log('native广告加载失败', fail.detail); |
|
|
|
console.log('error code: ' + fail.detail.errorCode); |
|
|
|
console.log('error message: ' + fail.detail.errorMessage); |
|
|
|
this.showToast('ad load error!'); |
|
|
|
}, |
|
|
|
|
|
|
|
showToast(title = '', duration = 1500) { |
|
|
|
uni.showToast({ |
|
|
|
title: title, |
|
|
|
mask: true, |
|
|
|
duration: duration, |
|
|
|
icon: 'none' |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
//获取弹窗状态结果 |
|
|
|
getStarTipStatus(){ |
|
|
|
return uni.getStorageSync('starTipStatus'); |
|
|
|
@ -123,14 +219,13 @@ |
|
|
|
starTipSubmit(){ |
|
|
|
let that = this; |
|
|
|
that.$refs.toast.show({ |
|
|
|
title: 'Success', |
|
|
|
content: 'Thanks for feedback!', |
|
|
|
icon: 'success', |
|
|
|
duration: 3000 |
|
|
|
message: 'Thanks for feedback!', |
|
|
|
duration: 3000 |
|
|
|
}) |
|
|
|
that.showStarTip = false; |
|
|
|
//that.showStarTip = false; |
|
|
|
//更改starTipStatus状态 |
|
|
|
that.setStarTipStatus(false); |
|
|
|
that.setStarTipStatus(true); |
|
|
|
that.$refs.showStarTip.close(); |
|
|
|
}, |
|
|
|
|
|
|
|
//跳转到反馈页面 |
|
|
|
@ -308,110 +403,330 @@ |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
// .content { |
|
|
|
// display: flex; |
|
|
|
// flex-direction: column; |
|
|
|
// align-items: center; |
|
|
|
// justify-content: center; |
|
|
|
// background-color: #1F222B; |
|
|
|
// height:100vh; |
|
|
|
|
|
|
|
// .listView{ |
|
|
|
// z-index: 0; |
|
|
|
// position: relative; |
|
|
|
// width: 660rpx; |
|
|
|
// height: 1300rpx; |
|
|
|
// margin-top: 100rpx; |
|
|
|
// background-color: #1F222B; |
|
|
|
// overflow: auto; |
|
|
|
|
|
|
|
// .listItem-1{ |
|
|
|
// margin-top: 120rpx; |
|
|
|
// background-color: #1F222B; |
|
|
|
// color: #fff; |
|
|
|
// //border: 2px solid yellow; |
|
|
|
// height: auto; |
|
|
|
// text-align: start; |
|
|
|
// } |
|
|
|
|
|
|
|
// .listItem{ |
|
|
|
// //border: 2px solid yellow; |
|
|
|
// height: 160rpx; |
|
|
|
// //margin-top: 30px; |
|
|
|
// //padding-top: 30px; |
|
|
|
// background-color: #1F222B; |
|
|
|
// color: #fff; |
|
|
|
|
|
|
|
// .toolItem{ |
|
|
|
// //border: 2px solid red; |
|
|
|
// background-color: #1F222B; |
|
|
|
// font-size: 60rpx; |
|
|
|
// color: #8f8f94; |
|
|
|
// height: 120rpx; |
|
|
|
// text-align: center; |
|
|
|
|
|
|
|
|
|
|
|
// .toolText{ |
|
|
|
// font-size: 24rpx; |
|
|
|
// color: #8f8f94; |
|
|
|
// } |
|
|
|
// } |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
// .listItem-ad{ |
|
|
|
// background-color: #1F222B; |
|
|
|
// text-align: center; |
|
|
|
// color: #fff; |
|
|
|
// //border: 2px solid red; |
|
|
|
// height: 160rpx; |
|
|
|
// } |
|
|
|
|
|
|
|
// .listItemBottom{ |
|
|
|
// height: 400rpx; |
|
|
|
// margin-top: 20rpx; |
|
|
|
// background-color: #1F222B; |
|
|
|
// color: #fff; |
|
|
|
// display: flex; |
|
|
|
// flex-direction: column; |
|
|
|
// align-items: center; |
|
|
|
// justify-content: center; |
|
|
|
|
|
|
|
// .buttomImg{ |
|
|
|
// width: 300rpx; |
|
|
|
// height: 300rpx; |
|
|
|
// } |
|
|
|
|
|
|
|
// } |
|
|
|
// } |
|
|
|
// // .icon{ |
|
|
|
// // z-index: 1; |
|
|
|
// // position: absolute; |
|
|
|
// // margin-top: -620rpx; |
|
|
|
// // background-color: #3e444d; |
|
|
|
// // font-size: 120rpx; |
|
|
|
// // color: #fff; |
|
|
|
// // text-align: center; |
|
|
|
// // } |
|
|
|
|
|
|
|
// .bottomText{ |
|
|
|
// color: #fff; |
|
|
|
// text-align: center; |
|
|
|
// font-size: 24rpx; |
|
|
|
// //margin-top: 40rpx; |
|
|
|
// margin-bottom: 240rpx; |
|
|
|
// } |
|
|
|
// .cutline{ |
|
|
|
// border: 1px solid #8f8f94; |
|
|
|
// } |
|
|
|
|
|
|
|
// .starTipText{ |
|
|
|
// color: #fff; |
|
|
|
// font-size: 48rpx; |
|
|
|
// } |
|
|
|
|
|
|
|
// .startTipContent{ |
|
|
|
// margin-bottom: 30rpx; |
|
|
|
// } |
|
|
|
// } |
|
|
|
|
|
|
|
.content { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
background-color: #1F222B; |
|
|
|
height:100vh; |
|
|
|
height:650vh; |
|
|
|
|
|
|
|
.listView{ |
|
|
|
z-index: 0; |
|
|
|
position: relative; |
|
|
|
width: 660rpx; |
|
|
|
height: 1300rpx; |
|
|
|
margin-top: 100rpx; |
|
|
|
background-color: #1F222B; |
|
|
|
overflow: auto; |
|
|
|
// .listView{ |
|
|
|
// z-index: 0; |
|
|
|
// position: relative; |
|
|
|
// width: 660rpx; |
|
|
|
// height:1300rpx; |
|
|
|
// margin-top: 100rpx; |
|
|
|
// background-color: #1F222B; |
|
|
|
|
|
|
|
.listItem-1{ |
|
|
|
margin-top: 120rpx; |
|
|
|
background-color: #1F222B; |
|
|
|
color: #fff; |
|
|
|
//border: 2px solid yellow; |
|
|
|
height: auto; |
|
|
|
text-align: start; |
|
|
|
} |
|
|
|
// .listItem-1{ |
|
|
|
// margin-top: 220rpx; |
|
|
|
// background-color: #1F222B; |
|
|
|
// //color: #fff; |
|
|
|
// //border: 2px solid yellow; |
|
|
|
// height: 160rpx; |
|
|
|
// text-align: center; |
|
|
|
// } |
|
|
|
|
|
|
|
.listItem{ |
|
|
|
//border: 2px solid yellow; |
|
|
|
height: 160rpx; |
|
|
|
//margin-top: 30px; |
|
|
|
//padding-top: 30px; |
|
|
|
background-color: #1F222B; |
|
|
|
color: #fff; |
|
|
|
// .listItem{ |
|
|
|
// border: 2px solid yellow; |
|
|
|
// /* #ifndef APP-PLUS-NVUE */ |
|
|
|
// height: auto; |
|
|
|
// /* #endif */ |
|
|
|
// height: 160rpx; |
|
|
|
// //margin-top: 30px; |
|
|
|
// //padding-top: 30px; |
|
|
|
// background-color: #1F222B; |
|
|
|
// color: #fff; |
|
|
|
|
|
|
|
.toolItem{ |
|
|
|
//border: 2px solid red; |
|
|
|
background-color: #1F222B; |
|
|
|
font-size: 60rpx; |
|
|
|
color: #8f8f94; |
|
|
|
height: 120rpx; |
|
|
|
text-align: center; |
|
|
|
|
|
|
|
// .toolItem{ |
|
|
|
// border: 2px solid red; |
|
|
|
// background-color: #1F222B; |
|
|
|
// font-size: 60rpx; |
|
|
|
// color: #8f8f94; |
|
|
|
// height: 120rpx; |
|
|
|
// text-align: center; |
|
|
|
|
|
|
|
.toolText{ |
|
|
|
font-size: 24rpx; |
|
|
|
color: #8f8f94; |
|
|
|
} |
|
|
|
} |
|
|
|
// .toolText{ |
|
|
|
// font-size: 24rpx; |
|
|
|
// color: #8f8f94; |
|
|
|
// } |
|
|
|
// } |
|
|
|
|
|
|
|
} |
|
|
|
// } |
|
|
|
|
|
|
|
.listItem-ad{ |
|
|
|
background-color: #1F222B; |
|
|
|
text-align: center; |
|
|
|
color: #fff; |
|
|
|
//border: 2px solid red; |
|
|
|
height: 160rpx; |
|
|
|
} |
|
|
|
// .listItem-ad{ |
|
|
|
// background-color: #1F222B; |
|
|
|
// text-align: center; |
|
|
|
// color: #fff; |
|
|
|
// border: 2px solid blue; |
|
|
|
// height: 160rpx; |
|
|
|
// } |
|
|
|
|
|
|
|
.listItemBottom{ |
|
|
|
height: 400rpx; |
|
|
|
margin-top: 20rpx; |
|
|
|
background-color: #1F222B; |
|
|
|
color: #fff; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
// .listItemBottom{ |
|
|
|
// height: 400rpx; |
|
|
|
// margin-top: 20rpx; |
|
|
|
// background-color: #1F222B; |
|
|
|
// color: #fff; |
|
|
|
// display: flex; |
|
|
|
// flex-direction: column; |
|
|
|
// align-items: center; |
|
|
|
// justify-content: center; |
|
|
|
|
|
|
|
.buttomImg{ |
|
|
|
width: 300rpx; |
|
|
|
height: 300rpx; |
|
|
|
} |
|
|
|
// .buttomImg{ |
|
|
|
// width: 300rpx; |
|
|
|
// height: 300rpx; |
|
|
|
// } |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
// .icon{ |
|
|
|
// z-index: 1; |
|
|
|
// position: absolute; |
|
|
|
// margin-top: -620rpx; |
|
|
|
// background-color: #3e444d; |
|
|
|
// font-size: 120rpx; |
|
|
|
// } |
|
|
|
// } |
|
|
|
// // .icon{ |
|
|
|
// // z-index: 1; |
|
|
|
// // position: absolute; |
|
|
|
// // margin-top: -620rpx; |
|
|
|
// // background-color: #3e444d; |
|
|
|
// // font-size: 120rpx; |
|
|
|
// // color: #fff; |
|
|
|
// // text-align: center; |
|
|
|
// // } |
|
|
|
|
|
|
|
|
|
|
|
// .bottomText{ |
|
|
|
// color: #fff; |
|
|
|
// text-align: center; |
|
|
|
// font-size: 24rpx; |
|
|
|
// //margin-top: 40rpx; |
|
|
|
// margin-bottom: 240rpx; |
|
|
|
// } |
|
|
|
// .cutline{ |
|
|
|
// border: 1px solid #8f8f94; |
|
|
|
// } |
|
|
|
|
|
|
|
.bottomText{ |
|
|
|
color: #fff; |
|
|
|
text-align: center; |
|
|
|
font-size: 24rpx; |
|
|
|
//margin-top: 40rpx; |
|
|
|
margin-bottom: 240rpx; |
|
|
|
} |
|
|
|
.cutline{ |
|
|
|
border: 1px solid #8f8f94; |
|
|
|
} |
|
|
|
// .starTipText{ |
|
|
|
// color: #fff; |
|
|
|
// font-size: 48rpx; |
|
|
|
// } |
|
|
|
|
|
|
|
.starTipText{ |
|
|
|
color: #fff; |
|
|
|
font-size: 48rpx; |
|
|
|
} |
|
|
|
// .startTipContent{ |
|
|
|
// margin-bottom: 30rpx; |
|
|
|
// } |
|
|
|
} |
|
|
|
|
|
|
|
.listView{ |
|
|
|
z-index: 0; |
|
|
|
position: relative; |
|
|
|
width: 700rpx; |
|
|
|
//height:1300rpx; |
|
|
|
margin-top: 100rpx; |
|
|
|
background-color: #1F222B; |
|
|
|
} |
|
|
|
|
|
|
|
.listItem-1{ |
|
|
|
margin-top: 220rpx; |
|
|
|
background-color: #1F222B; |
|
|
|
//border: 2px solid yellow; |
|
|
|
height: 160rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.listItemText{ |
|
|
|
font-size: 36rpx; |
|
|
|
text-align: center; |
|
|
|
background-color: #1F222B; |
|
|
|
//border: 2px solid pink; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.listItem{ |
|
|
|
//border: 2px solid yellow; |
|
|
|
/* #ifndef APP-PLUS-NVUE */ |
|
|
|
height: auto; |
|
|
|
/* #endif */ |
|
|
|
|
|
|
|
.startTipContent{ |
|
|
|
margin-bottom: 30rpx; |
|
|
|
} |
|
|
|
margin-top: 300rpx; |
|
|
|
//padding-top: 30px; |
|
|
|
background-color: #1F222B; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.toolItem{ |
|
|
|
//border: 2px solid pink; |
|
|
|
background-color: #1F222B; |
|
|
|
font-size: 60rpx; |
|
|
|
color: #8f8f94; |
|
|
|
//height: 120rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.toolText{ |
|
|
|
font-size: 24rpx; |
|
|
|
color: #8f8f94; |
|
|
|
} |
|
|
|
|
|
|
|
.listItem-ad{ |
|
|
|
background-color: #1F222B; |
|
|
|
text-align: center; |
|
|
|
//padding-top: 200rpx; |
|
|
|
color: #fff; |
|
|
|
//border: 2px solid blue; |
|
|
|
height: 160rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.listItemBottom{ |
|
|
|
height: 400rpx; |
|
|
|
margin-top: 20rpx; |
|
|
|
width: 700rpx; |
|
|
|
//border: 2px solid blue; |
|
|
|
background-color: #1F222B; |
|
|
|
color: #fff; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
|
|
|
|
.buttomImg{ |
|
|
|
width: 300rpx; |
|
|
|
height: 300rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.bottomText{ |
|
|
|
color: #fff; |
|
|
|
text-align: center; |
|
|
|
font-size: 24rpx; |
|
|
|
//margin-top: 40rpx; |
|
|
|
margin-bottom: 240rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.cutline{ |
|
|
|
border: 1px solid #8f8f94; |
|
|
|
} |
|
|
|
|
|
|
|
.starTipText{ |
|
|
|
color: #fff; |
|
|
|
font-size: 48rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.startTipContent{ |
|
|
|
margin-bottom: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.starTipView{ |
|
|
|
margin-top: 50rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.starTipButton{ |
|
|
|
width: 250rpx; |
|
|
|
height: 80rpx; |
|
|
|
text-align: center; |
|
|
|
margin-left: 190rpx; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
chengkun
2 years ago
