Browse Source

添加广告内容

master
chengkun 3 years ago
parent
commit
91d57a5b60
  1. 125
      pages/scan/Barcode.nvue
  2. 429
      pages/scan/Calendar.nvue
  3. 420
      pages/scan/Contacts.nvue
  4. 513
      pages/scan/Email.nvue
  5. 422
      pages/scan/Location.nvue
  6. 427
      pages/scan/Product.nvue
  7. 414
      pages/scan/Sms.nvue
  8. 416
      pages/scan/Tel.nvue
  9. 426
      pages/scan/Text.nvue
  10. BIN
      static/favicon.ico
  11. BIN
      static/logo.png

125
pages/scan/Barcode.nvue

@ -46,18 +46,18 @@
<uv-toast ref="toast"></uv-toast> --> <uv-toast ref="toast"></uv-toast> -->
<uv-list class="listView"> <uv-list class="listView">
<uv-list-item class="listItem-1"> <uv-list-item class="listItem-1">
<text class="listItem-1-text">{{ barcodeInfo.message }}</text> <text class="listItemText">{{ barcodeInfo.message }}</text>
</uv-list-item> </uv-list-item>
<uv-list-item class="listItem"> <uv-list-item class="listItem">
<uv-grid :col="col"> <uv-grid :col="col">
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="openWeb()"> <uv-grid-item class="toolItem" :bgColor="bgColor" @click="openWeb()">
<!-- <view class="tn-icon-search"></view> --> <!-- <view class="tn-icon-search"></view> -->
<uv-icon name="photo" :size="36"></uv-icon> <uv-icon name="search" :size="36"></uv-icon>
<text class="toolText">Web Search</text> <text class="toolText">Web Search</text>
</uv-grid-item> </uv-grid-item>
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="share()"> <uv-grid-item class="toolItem" :bgColor="bgColor" @click="share()">
<!-- <view class="tn-icon-share-triangle"></view> --> <!-- <view class="tn-icon-share-triangle"></view> -->
<uv-icon name="photo" :size="36"></uv-icon> <uv-icon name="share" :size="36"></uv-icon>
<text class="toolText">Share</text> <text class="toolText">Share</text>
</uv-grid-item> </uv-grid-item>
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="copyValue()"> <uv-grid-item class="toolItem" :bgColor="bgColor" @click="copyValue()">
@ -85,19 +85,6 @@
<text class="bottomText" @click="jumpToFeedback()">Feedback & Suggestion</text> <text class="bottomText" @click="jumpToFeedback()">Feedback & Suggestion</text>
<!-- <tn-modal v-model="showStarTip" :custom="true" :backgroundColor="startTipColor">
<view class="startTipContent">
<view slot="left" class="tn-icon tn-icon-about-fill">
<view class="starTipText">Do you like this app?</view>
</view>
<view slot="center" class="tn-icon tn-icon-about-fill">
<tn-rate v-model="starRateValue" :size="80" :allowHalf="false" activeColor="#0186FF"></tn-rate>
</view>
<view slot="right" class="tn-icon tn-icon-about-fill">
<tn-button :fontSize="50" margin="80rpx" height="100rpx" backgroundColor="#0186FF" fontColor="tn-color-white" @click="starTipSubmit()">submit</tn-button>
</view>
</view>
</tn-modal> -->
<view> <view>
<uv-modal ref="showStarTip" :showConfirmButton="false"> <uv-modal ref="showStarTip" :showConfirmButton="false">
<view class="startTipContent"> <view class="startTipContent">
@ -141,7 +128,7 @@
barcodeInfo:{}, barcodeInfo:{},
tableName: 'scan_code', tableName: 'scan_code',
textImgUrl: '', textImgUrl: '',
bgColor: '', bgColor: '#1F222B',
nativeAdId:'ca-app-pub-3940256099942544/2247696110', //原生广告id nativeAdId:'ca-app-pub-3940256099942544/2247696110', //原生广告id
@ -391,106 +378,6 @@
justify-content: center; justify-content: center;
background-color: #1F222B; background-color: #1F222B;
height:650vh; height:650vh;
// .listView{
// z-index: 0;
// position: relative;
// width: 660rpx;
// height:1300rpx;
// margin-top: 100rpx;
// background-color: #1F222B;
// .listItem-1{
// margin-top: 220rpx;
// background-color: #1F222B;
// //color: #fff;
// //border: 2px solid yellow;
// height: 160rpx;
// text-align: center;
// }
// .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;
// .toolText{
// font-size: 24rpx;
// color: #8f8f94;
// }
// }
// }
// .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;
// .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;
// }
} }
.listView{ .listView{
@ -510,7 +397,7 @@
text-align: center; text-align: center;
} }
.listItem-1-text{ .listItemText{
font-size: 36rpx; font-size: 36rpx;
text-align: center; text-align: center;
background-color: #1F222B; background-color: #1F222B;
@ -556,6 +443,8 @@
.listItemBottom{ .listItemBottom{
height: 400rpx; height: 400rpx;
margin-top: 20rpx; margin-top: 20rpx;
width: 700rpx;
//border: 2px solid blue;
background-color: #1F222B; background-color: #1F222B;
color: #fff; color: #fff;
display: flex; display: flex;

429
pages/scan/Calendar.nvue

@ -1,7 +1,7 @@
<template> <template>
<view class="content"> <view class="content">
<!-- <tn-avatar class="icon tn-icon-calendar" size="xl"></tn-avatar> --> <!-- <tn-avatar class="icon tn-icon-calendar" 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"> <tn-list-cell class="listItem-1">
<view>Subject: {{ calendarInfo.Theme }}</view> <view>Subject: {{ calendarInfo.Theme }}</view>
<view>Start: {{ calendarInfo.startTime }}</view> <view>Start: {{ calendarInfo.startTime }}</view>
@ -26,16 +26,16 @@
</tn-grid-item> </tn-grid-item>
</block> </block>
</tn-grid> </tn-grid>
</tn-list-cell> </tn-list-cell> -->
<!-- <view class="cutline"></view> <!-- <view class="cutline"></view>
<tn-list-cell class="listItem-ad">我是谷歌ad部分</tn-list-cell> --> <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"/> <image :src="textImgUrl" class="buttomImg"/>
</tn-list-cell> </tn-list-cell>
</tn-list-view> </tn-list-view>
<text class="bottomText" @click="jumpToFeedback()">Feedback & Suggestion</text> <text class="bottomText" @click="jumpToFeedback()">Feedback & Suggestion</text> -->
<tn-modal v-model="showStarTip" :custom="true" :backgroundColor="startTipColor"> <!-- <tn-modal v-model="showStarTip" :custom="true" :backgroundColor="startTipColor">
<view class="startTipContent"> <view class="startTipContent">
<view slot="left" class="tn-icon tn-icon-about-fill"> <view slot="left" class="tn-icon tn-icon-about-fill">
<view class="starTipText">Do you like this app?</view> <view class="starTipText">Do you like this app?</view>
@ -48,7 +48,71 @@
</view> </view>
</view> </view>
</tn-modal> </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">Subject: {{ calendarInfo.Theme }}</text>
<text class="listItemText">Start: {{ calendarInfo.startTime }}</text>
<text class="listItemText">End: {{ calendarInfo.closeTime }}</text>
<text class="listItemText">Note: {{ calendarInfo.AbstractInfo }}</text>
<text class="listItemText">Address: {{ calendarInfo.PlaceInfo }}</text>
</uv-list-item>
<uv-list-item class="listItem">
<uv-grid :col="col">
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="addActivity()">
<!-- <view class="tn-icon-search"></view> -->
<uv-icon name="search" :size="36"></uv-icon>
<text class="toolText">Add to events</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>
<!-- <tn-button :fontSize="50" margin="80rpx" height="100rpx" backgroundColor="#0186FF" fontColor="tn-color-white" @click="starTipSubmit()">submit</tn-button> -->
</view>
</uv-modal>
</view>
<uv-toast ref="toast"></uv-toast>
</view> </view>
</template> </template>
@ -67,11 +131,11 @@
calendarInfo:{}, calendarInfo:{},
tableName: 'scan_code', tableName: 'scan_code',
textImgUrl: '', textImgUrl: '',
bgColor: '#1F222B',
nativeAdId:'ca-app-pub-3940256099942544/2247696110', //原生广告id
starRateValue: 0, //评分星星数量 starRateValue: 0, //评分星星数量
showStarTip: false, //评分展示开关
startTipColor: '#706F6F', //评分弹窗背景色
startTipFontColor: '#fff' //评分文字色
} }
}, },
async onLoad(option) { async onLoad(option) {
@ -101,10 +165,11 @@
let that = this; let that = this;
//判断评分弹窗条件是否达到要求 //判断评分弹窗条件是否达到要求
let starTipStatus = that.getStarTipStatus(); let starTipStatus = that.getStarTipStatus();
console.log('starTipStatus',starTipStatus) console.log('starTipStatus',JSON.stringify(starTipStatus))
if(starTipStatus === null || starTipStatus === ""){ if(starTipStatus === null || starTipStatus === ""){
//达到要求 //达到要求
that.showStarTip = true; //that.showStarTip = true;
that.starTipOpen();
that.setStarTipStatus(false); that.setStarTipStatus(false);
return true; return true;
}else{ }else{
@ -113,6 +178,35 @@
}, },
methods: { 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(){ getStarTipStatus(){
return uni.getStorageSync('starTipStatus'); return uni.getStorageSync('starTipStatus');
@ -127,14 +221,11 @@
starTipSubmit(){ starTipSubmit(){
let that = this; let that = this;
that.$refs.toast.show({ that.$refs.toast.show({
title: 'Success', message: 'Thanks for feedback!',
content: 'Thanks for feedback!',
icon: 'success',
duration: 3000 duration: 3000
}) })
that.showStarTip = false; that.setStarTipStatus(true);
//更改starTipStatus状态 that.$refs.showStarTip.close();
that.setStarTipStatus(false);
}, },
//跳转到反馈页面 //跳转到反馈页面
@ -333,110 +424,230 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.content { // .content {
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
background-color: #1F222B; // background-color: #1F222B;
height:100vh; // height:650vh;
.listView{ // .listView{
z-index: 0; // z-index: 0;
position: relative; // position: relative;
width: 660rpx; // width: 660rpx;
height: 1300rpx; // height: 1300rpx;
margin-top: 100rpx; // margin-top: 100rpx;
background-color: #1F222B; // background-color: #1F222B;
overflow: auto; // overflow: auto;
.listItem-1{ // .listItem-1{
margin-top: 120rpx; // margin-top: 120rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
//border: 2px solid green; // //border: 2px solid green;
height: auto; // height: auto;
text-align: start; // text-align: start;
} // }
.listItem{ // .listItem{
//border: 2px solid yellow; // //border: 2px solid yellow;
height: 160rpx; // height: 160rpx;
//margin-top: 30px; // //margin-top: 30px;
//padding-top: 30px; // //padding-top: 30px;
width: 660rpx; // width: 660rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
.toolItem{ // .toolItem{
//border: 2px solid red; // //border: 2px solid red;
background-color: #1F222B; // background-color: #1F222B;
font-size: 60rpx; // font-size: 60rpx;
color: #8f8f94; // color: #8f8f94;
height: 120rpx; // height: 120rpx;
text-align: center; // text-align: center;
.toolText{ // .toolText{
font-size: 24rpx; // font-size: 24rpx;
color: #8f8f94; // color: #8f8f94;
} // }
} // }
} // }
.listItem-ad{ // .listItem-ad{
background-color: #1F222B; // background-color: #1F222B;
text-align: center; // text-align: center;
color: #fff; // color: #fff;
//border: 2px solid red; // //border: 2px solid red;
height: 160rpx; // height: 160rpx;
} // }
.listItemBottom{ // .listItemBottom{
height: 400rpx; // height: 400rpx;
margin-top: 20rpx; // margin-top: 20rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
.buttomImg{ // .buttomImg{
width: 300rpx; // width: 300rpx;
height: 300rpx; // height: 300rpx;
} // }
} // }
} // }
// .icon{ // // .icon{
// z-index: 1; // // z-index: 1;
// position: absolute; // // position: absolute;
// margin-top: -620rpx; // // margin-top: -620rpx;
// background-color: #3e444d; // // background-color: #3e444d;
// font-size: 120rpx; // // font-size: 120rpx;
// color: #fff; // // color: #fff;
// text-align: center; // // text-align: center;
// } // // }
.bottomText{ // .bottomText{
color: #fff; // color: #fff;
text-align: center; // text-align: center;
font-size: 24rpx; // font-size: 24rpx;
//margin-top: 40rpx; // //margin-top: 40rpx;
margin-bottom: 120rpx; // margin-bottom: 120rpx;
} // }
.cutline{ // .cutline{
border: 1px solid #8f8f94; // border: 1px solid #8f8f94;
} // }
.starTipText{ // .starTipText{
color: #fff; // color: #fff;
font-size: 48rpx; // font-size: 48rpx;
} // }
.startTipContent{ // .startTipContent{
margin-bottom: 30rpx; // margin-bottom: 30rpx;
} // }
// }
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #1F222B;
height:660vh;
}
.listView{
z-index: 0;
position: relative;
width: 700rpx;
//height: 500rpx;
margin-top: 100rpx;
background-color: #1F222B;
}
.listItem-1{
margin-top: 220rpx;
background-color: #1F222B;
//border: 2px solid yellow;
height: 400rpx;
text-align: center;
}
.listItem{
//border: 2px solid yellow;
/* #ifndef APP-PLUS-NVUE */
height: auto;
/* #endif */
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;
//margin-top: 150rpx;
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;
}
.listItemText{
font-size: 36rpx;
text-align: center;
background-color: #1F222B;
//border: 2px solid pink;
color: #fff;
} }
</style> </style>

420
pages/scan/Contacts.nvue

@ -1,7 +1,7 @@
<template> <template>
<view class="content"> <view class="content">
<!-- <tn-avatar class="icon tn-icon-my" size="xl"></tn-avatar> --> <!-- <tn-avatar class="icon tn-icon-my" 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"> <tn-list-cell class="listItem-1">
<view>Name: {{ contactsInfo.peopleName }}</view> <view>Name: {{ contactsInfo.peopleName }}</view>
<view>Tel: {{ contactsInfo.telPhoneNumber }}</view> <view>Tel: {{ contactsInfo.telPhoneNumber }}</view>
@ -31,10 +31,10 @@
</tn-grid-item> </tn-grid-item>
</block> </block>
</tn-grid> </tn-grid>
</tn-list-cell> </tn-list-cell> -->
<!-- <view class="cutline"></view> <!-- <view class="cutline"></view>
<tn-list-cell class="listItem-ad">我是谷歌ad部分</tn-list-cell> --> <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"/> <image :src="textImgUrl" class="buttomImg"/>
</tn-list-cell> </tn-list-cell>
</tn-list-view> </tn-list-view>
@ -53,7 +53,73 @@
</view> </view>
</view> </view>
</tn-modal> </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">Name: {{ contactsInfo.peopleName }}</text>
<text class="listItemText">Tel: {{ contactsInfo.telPhoneNumber }}</text>
<text class="listItemText">E-mail: {{ contactsInfo.email }}</text>
<text class="listItemText">Address: {{ contactsInfo.address }}</text>
<text class="listItemText">Note: {{ contactsInfo.title }}</text>
<text class="listItemText">Org: {{ contactsInfo.company }}</text>
</uv-list-item>
<uv-list-item class="listItem">
<uv-grid :col="col">
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="addContact()">
<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="sendEmail()">
<uv-icon name="share" :size="36"></uv-icon>
<text class="toolText">Send email</text>
</uv-grid-item>
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="call()">
<uv-icon name="photo" :size="36"></uv-icon>
<text class="toolText">Call</text>
</uv-grid-item>
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="copyValue()">
<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>
<!-- <tn-button :fontSize="50" margin="80rpx" height="100rpx" backgroundColor="#0186FF" fontColor="tn-color-white" @click="starTipSubmit()">submit</tn-button> -->
</view>
</uv-modal>
</view>
<uv-toast ref="toast"></uv-toast>
</view> </view>
</template> </template>
@ -66,11 +132,10 @@
contactsInfo:{}, contactsInfo:{},
tableName: 'scan_code', tableName: 'scan_code',
textImgUrl: '', textImgUrl: '',
nativeAdId:'ca-app-pub-3940256099942544/2247696110', //原生广告id
starRateValue: 0, //评分星星数量 starRateValue: 0, //评分星星数量
showStarTip: false, //评分展示开关 bgColor: '#1F222B'
startTipColor: '#706F6F', //评分弹窗背景色
startTipFontColor: '#fff' //评分文字色
} }
}, },
async onLoad(option) { async onLoad(option) {
@ -103,7 +168,8 @@
console.log('starTipStatus',JSON.stringify(starTipStatus)); console.log('starTipStatus',JSON.stringify(starTipStatus));
if(starTipStatus === null || starTipStatus === ""){ if(starTipStatus === null || starTipStatus === ""){
//达到要求 //达到要求
that.showStarTip = true; //that.showStarTip = true;
that.starTipOpen();
//更改starTipStatus状态 //更改starTipStatus状态
that.setStarTipStatus(false); that.setStarTipStatus(false);
return true; return true;
@ -113,6 +179,35 @@
}, },
methods: { 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(){ getStarTipStatus(){
return uni.getStorageSync('starTipStatus'); return uni.getStorageSync('starTipStatus');
@ -127,14 +222,13 @@
starTipSubmit(){ starTipSubmit(){
let that = this; let that = this;
that.$refs.toast.show({ that.$refs.toast.show({
title: 'Success', message: 'Thanks for feedback!',
content: 'Thanks for feedback!',
icon: 'success',
duration: 3000 duration: 3000
}) })
that.showStarTip = false; //that.showStarTip = false;
//更改starTipStatus状态 //更改starTipStatus状态
that.setStarTipStatus(false); that.setStarTipStatus(true);
that.$refs.showStarTip.close();
}, },
//跳转到反馈页面 //跳转到反馈页面
@ -309,107 +403,227 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.content { // .content {
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
background-color: #1F222B; // background-color: #1F222B;
height:100vh; // height:100vh;
.listView{ // .listView{
z-index: 0; // z-index: 0;
position: relative; // position: relative;
width: 660rpx; // width: 660rpx;
height: 1300rpx; // height: 1300rpx;
margin-top: 100rpx; // margin-top: 100rpx;
background-color: #1F222B; // background-color: #1F222B;
.listItem-1{ // .listItem-1{
margin-top: 120rpx; // margin-top: 120rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
//border: 2px solid yellow; // //border: 2px solid yellow;
height: 360rpx; // height: 360rpx;
text-align: start; // text-align: start;
} // }
.listItem{ // .listItem{
//border: 2px solid yellow; // //border: 2px solid yellow;
height: 160rpx; // height: 160rpx;
//margin-top: 30px; // //margin-top: 30px;
//padding-top: 30px; // //padding-top: 30px;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
.toolItem{ // .toolItem{
//border: 2px solid red; // //border: 2px solid red;
background-color: #1F222B; // background-color: #1F222B;
font-size: 60rpx; // font-size: 60rpx;
color: #8f8f94; // color: #8f8f94;
height: 120rpx; // height: 120rpx;
text-align: center; // text-align: center;
.toolText{ // .toolText{
font-size: 24rpx; // font-size: 24rpx;
color: #8f8f94; // color: #8f8f94;
} // }
} // }
} // }
.listItem-ad{ // .listItem-ad{
background-color: #1F222B; // background-color: #1F222B;
text-align: center; // text-align: center;
color: #fff; // color: #fff;
//border: 2px solid red; // //border: 2px solid red;
height: 160rpx; // height: 160rpx;
} // }
.listItemBottom{ // .listItemBottom{
height: 400rpx; // height: 400rpx;
margin-top: 20rpx; // margin-top: 20rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
.buttomImg{ // .buttomImg{
width: 300rpx; // width: 300rpx;
height: 300rpx; // height: 300rpx;
} // }
} // }
} // }
// .icon{ // // .icon{
// z-index: 1; // // z-index: 1;
// position: absolute; // // position: absolute;
// margin-top: -620rpx; // // margin-top: -620rpx;
// background-color: #3e444d; // // background-color: #3e444d;
// font-size: 120rpx; // // font-size: 120rpx;
// color: #fff; // // color: #fff;
// text-align: center; // // text-align: center;
// } // // }
.bottomText{ // .bottomText{
color: #fff; // color: #fff;
text-align: center; // text-align: center;
font-size: 24rpx; // font-size: 24rpx;
//margin-top: 40rpx; // //margin-top: 40rpx;
margin-bottom: 120rpx; // margin-bottom: 120rpx;
} // }
.cutline{ // .cutline{
border: 1px solid #8f8f94; // border: 1px solid #8f8f94;
} // }
.starTipText{ // .starTipText{
color: #fff; // color: #fff;
font-size: 50rpx; // font-size: 50rpx;
} // }
.startTipContent{ // .startTipContent{
margin-bottom: 30rpx; // margin-bottom: 30rpx;
} // }
// }
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #1F222B;
height:660vh;
}
.listView{
z-index: 0;
position: relative;
width: 700rpx;
//height: 500rpx;
margin-top: 100rpx;
background-color: #1F222B;
}
.listItem-1{
margin-top: 220rpx;
background-color: #1F222B;
//border: 2px solid yellow;
height: 400rpx;
text-align: center;
}
.listItem{
//border: 2px solid yellow;
/* #ifndef APP-PLUS-NVUE */
height: auto;
/* #endif */
margin-top: 200rpx;
//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: 22rpx;
color: #8f8f94;
}
.listItem-ad{
background-color: #1F222B;
text-align: center;
//margin-top: 150rpx;
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;
}
.listItemText{
font-size: 36rpx;
text-align: center;
background-color: #1F222B;
//border: 2px solid pink;
color: #fff;
} }
</style> </style>

513
pages/scan/Email.nvue

@ -1,7 +1,7 @@
<template> <template>
<view class="content"> <view class="content">
<!-- <tn-avatar class="icon tn-icon-email" size="xl"></tn-avatar> --> <!-- <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"> <tn-list-cell class="listItem-1">
<view>To: {{ emailInfo.addressInfo }}</view> <view>To: {{ emailInfo.addressInfo }}</view>
<view>Subject: {{ emailInfo.SubjectInfo }}</view> <view>Subject: {{ emailInfo.SubjectInfo }}</view>
@ -28,10 +28,10 @@
</tn-grid-item> </tn-grid-item>
</block> </block>
</tn-grid> </tn-grid>
</tn-list-cell> </tn-list-cell> -->
<!-- <view class="cutline"></view> <!-- <view class="cutline"></view>
<tn-list-cell class="listItem-ad">我是谷歌ad部分</tn-list-cell> --> <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"/> <image :src="textImgUrl" class="buttomImg"/>
</tn-list-cell> </tn-list-cell>
</tn-list-view> </tn-list-view>
@ -50,7 +50,73 @@
</view> </view>
</view> </view>
</tn-modal> </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> </view>
</template> </template>
@ -63,11 +129,11 @@
emailInfo:{}, emailInfo:{},
tableName: 'scan_code', tableName: 'scan_code',
textImgUrl: '', textImgUrl: '',
bgColor: '#1F222B',
nativeAdId:'ca-app-pub-3940256099942544/2247696110', //原生广告id
starRateValue: 0, //评分星星数量 starRateValue: 0, //评分星星数量
showStarTip: false, //评分展示开关
startTipColor: '#706F6F', //评分弹窗背景色
startTipFontColor: '#fff' //评分文字色
} }
}, },
async onLoad(option) { async onLoad(option) {
@ -96,11 +162,12 @@
onBackPress(e){ onBackPress(e){
let that = this; let that = this;
//判断评分弹窗条件是否达到要求 //判断评分弹窗条件是否达到要求
let starTipStatus = that.getStarTipStatus(); const starTipStatus = that.getStarTipStatus();
console.log('starTipStatus',starTipStatus) console.log('starTipStatus',JSON.stringify(starTipStatus))
if(starTipStatus === null || starTipStatus === ""){ if(starTipStatus === null || starTipStatus === ""){
//达到要求 //达到要求
that.showStarTip = true; //that.showStarTip = true;
that.starTipOpen();
that.setStarTipStatus(false); that.setStarTipStatus(false);
return true; return true;
}else{ }else{
@ -109,6 +176,35 @@
}, },
methods: { 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(){ getStarTipStatus(){
return uni.getStorageSync('starTipStatus'); return uni.getStorageSync('starTipStatus');
@ -123,14 +219,13 @@
starTipSubmit(){ starTipSubmit(){
let that = this; let that = this;
that.$refs.toast.show({ that.$refs.toast.show({
title: 'Success', message: 'Thanks for feedback!',
content: 'Thanks for feedback!', duration: 3000
icon: 'success',
duration: 3000
}) })
that.showStarTip = false; //that.showStarTip = false;
//更改starTipStatus状态 //更改starTipStatus状态
that.setStarTipStatus(false); that.setStarTipStatus(true);
that.$refs.showStarTip.close();
}, },
//跳转到反馈页面 //跳转到反馈页面
@ -308,110 +403,330 @@
</script> </script>
<style lang="scss"> <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 { .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: #1F222B; background-color: #1F222B;
height:100vh; height:650vh;
.listView{ // .listView{
z-index: 0; // z-index: 0;
position: relative; // position: relative;
width: 660rpx; // width: 660rpx;
height: 1300rpx; // height:1300rpx;
margin-top: 100rpx; // margin-top: 100rpx;
background-color: #1F222B; // background-color: #1F222B;
overflow: auto;
.listItem-1{ // .listItem-1{
margin-top: 120rpx; // margin-top: 220rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // //color: #fff;
//border: 2px solid yellow; // //border: 2px solid yellow;
height: auto; // height: 160rpx;
text-align: start; // text-align: center;
} // }
.listItem{ // .listItem{
//border: 2px solid yellow; // border: 2px solid yellow;
height: 160rpx; // /* #ifndef APP-PLUS-NVUE */
//margin-top: 30px; // height: auto;
//padding-top: 30px; // /* #endif */
background-color: #1F222B; // height: 160rpx;
color: #fff; // //margin-top: 30px;
// //padding-top: 30px;
// background-color: #1F222B;
// color: #fff;
.toolItem{ // .toolItem{
//border: 2px solid red; // border: 2px solid red;
background-color: #1F222B; // background-color: #1F222B;
font-size: 60rpx; // font-size: 60rpx;
color: #8f8f94; // color: #8f8f94;
height: 120rpx; // height: 120rpx;
text-align: center; // text-align: center;
.toolText{ // .toolText{
font-size: 24rpx; // font-size: 24rpx;
color: #8f8f94; // color: #8f8f94;
} // }
} // }
} // }
.listItem-ad{ // .listItem-ad{
background-color: #1F222B; // background-color: #1F222B;
text-align: center; // text-align: center;
color: #fff; // color: #fff;
//border: 2px solid red; // border: 2px solid blue;
height: 160rpx; // height: 160rpx;
} // }
.listItemBottom{ // .listItemBottom{
height: 400rpx; // height: 400rpx;
margin-top: 20rpx; // margin-top: 20rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
.buttomImg{ // .buttomImg{
width: 300rpx; // width: 300rpx;
height: 300rpx; // height: 300rpx;
} // }
} // }
} // }
// .icon{ // // .icon{
// z-index: 1; // // z-index: 1;
// position: absolute; // // position: absolute;
// margin-top: -620rpx; // // margin-top: -620rpx;
// background-color: #3e444d; // // background-color: #3e444d;
// font-size: 120rpx; // // font-size: 120rpx;
// // color: #fff;
// // text-align: center;
// // }
// .bottomText{
// color: #fff; // color: #fff;
// text-align: center; // text-align: center;
// font-size: 24rpx;
// //margin-top: 40rpx;
// margin-bottom: 240rpx;
// }
// .cutline{
// border: 1px solid #8f8f94;
// } // }
.bottomText{ // .starTipText{
color: #fff; // color: #fff;
text-align: center; // font-size: 48rpx;
font-size: 24rpx; // }
//margin-top: 40rpx;
margin-bottom: 240rpx;
}
.cutline{
border: 1px solid #8f8f94;
}
.starTipText{ // .startTipContent{
color: #fff; // margin-bottom: 30rpx;
font-size: 48rpx; // }
} }
.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-top: 300rpx;
margin-bottom: 30rpx; //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> </style>

422
pages/scan/Location.nvue

@ -1,14 +1,14 @@
<template> <template>
<view class="content"> <view class="content">
<!-- <tn-avatar class="icon tn-icon-location" size="xl"></tn-avatar> --> <!-- <tn-avatar class="icon tn-icon-location" 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"> <tn-list-cell class="listItem-1">
<view>Lng: {{ locationInfo.Longitude }}</view> <view>Lng: {{ locationInfo.Longitude }}</view>
<view>Lat: {{ locationInfo.Latitude }}</view> <view>Lat: {{ locationInfo.Latitude }}</view>
</tn-list-cell> </tn-list-cell>
<tn-list-cell class="listItem"> <tn-list-cell class="listItem">
<tn-grid align="center" :col="col"> <tn-grid align="center" :col="col">
<block> <block> -->
<!-- <tn-grid-item class="toolItem" @click="showMap()"> <!-- <tn-grid-item class="toolItem" @click="showMap()">
<view class="tn-icon-map"></view> <view class="tn-icon-map"></view>
<view class="toolText">Show map</view> <view class="toolText">Show map</view>
@ -17,7 +17,7 @@
<view class="tn-icon-share"></view> <view class="tn-icon-share"></view>
<view class="toolText">Navigation</view> <view class="toolText">Navigation</view>
</tn-grid-item> --> </tn-grid-item> -->
<tn-grid-item class="toolItem" @click="share()"> <!-- <tn-grid-item class="toolItem" @click="share()">
<view class="tn-icon-share-triangle"></view> <view class="tn-icon-share-triangle"></view>
<view class="toolText">Share</view> <view class="toolText">Share</view>
</tn-grid-item> </tn-grid-item>
@ -27,16 +27,16 @@
</tn-grid-item> </tn-grid-item>
</block> </block>
</tn-grid> </tn-grid>
</tn-list-cell> </tn-list-cell> -->
<!-- <view class="cutline"></view> <!-- <view class="cutline"></view>
<tn-list-cell class="listItem-ad">我是谷歌ad部分</tn-list-cell> --> <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"/> <image :src="textImgUrl" class="buttomImg"/>
</tn-list-cell> </tn-list-cell>
</tn-list-view> </tn-list-view>
<text class="bottomText" @click="jumpToFeedback()">Feedback & Suggestion</text> <text class="bottomText" @click="jumpToFeedback()">Feedback & Suggestion</text> -->
<tn-modal v-model="showStarTip" :custom="true" :backgroundColor="startTipColor"> <!-- <tn-modal v-model="showStarTip" :custom="true" :backgroundColor="startTipColor">
<view class="startTipContent"> <view class="startTipContent">
<view slot="left" class="tn-icon tn-icon-about-fill"> <view slot="left" class="tn-icon tn-icon-about-fill">
<view class="starTipText">Do you like this app?</view> <view class="starTipText">Do you like this app?</view>
@ -50,6 +50,62 @@
</view> </view>
</tn-modal> </tn-modal>
<tn-toast ref="toast"></tn-toast> <tn-toast ref="toast"></tn-toast>
</view> -->
<uv-list class="listView">
<uv-list-item class="listItem-1">
<text class="listItemText">Lng: {{ locationInfo.Longitude }}</text>
<text class="listItemText">Lat: {{ locationInfo.Latitude }}</text>
</uv-list-item>
<uv-list-item class="listItem">
<uv-grid :col="col">
<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>
<!-- <tn-button :fontSize="50" margin="80rpx" height="100rpx" backgroundColor="#0186FF" fontColor="tn-color-white" @click="starTipSubmit()">submit</tn-button> -->
</view>
</uv-modal>
</view>
<uv-toast ref="toast"></uv-toast>
</view> </view>
</template> </template>
@ -58,15 +114,15 @@
export default { export default {
data() { data() {
return { return {
col: 4, col: 2,
locationInfo:{}, locationInfo:{},
tableName: 'scan_code', tableName: 'scan_code',
textImgUrl: '', textImgUrl: '',
bgColor: '#1F222B',
nativeAdId:'ca-app-pub-3940256099942544/2247696110', //原生广告id
starRateValue: 0, //评分星星数量 starRateValue: 0, //评分星星数量
showStarTip: false, //评分展示开关
startTipColor: '#706F6F', //评分弹窗背景色
startTipFontColor: '#fff' //评分文字色
} }
}, },
async onLoad(option) { async onLoad(option) {
@ -99,7 +155,8 @@
console.log('starTipStatus',starTipStatus) console.log('starTipStatus',starTipStatus)
if(starTipStatus === null || starTipStatus === ""){ if(starTipStatus === null || starTipStatus === ""){
//达到要求 //达到要求
that.showStarTip = true; //that.showStarTip = true;
that.starTipOpen();
that.setStarTipStatus(false); that.setStarTipStatus(false);
return true; return true;
}else{ }else{
@ -108,6 +165,35 @@
}, },
methods: { 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(){ getStarTipStatus(){
return uni.getStorageSync('starTipStatus'); return uni.getStorageSync('starTipStatus');
@ -122,14 +208,13 @@
starTipSubmit(){ starTipSubmit(){
let that = this; let that = this;
that.$refs.toast.show({ that.$refs.toast.show({
title: 'Success', message: 'Thanks for feedback!',
content: 'Thanks for feedback!', duration: 3000
icon: 'success',
duration: 3000
}) })
that.showStarTip = false; //that.showStarTip = false;
//更改starTipStatus状态 //更改starTipStatus状态
that.setStarTipStatus(false); that.setStarTipStatus(true);
that.$refs.showStarTip.close();
}, },
//跳转到反馈页面 //跳转到反馈页面
@ -169,7 +254,7 @@
//copy结果值 //copy结果值
copyValue(){ copyValue(){
let that = this; let that = this;
//console.log('点击复制关键词事件') //console.log('点击复制关键词事件',that.locationInfo)
uni.setClipboardData({ uni.setClipboardData({
data: that.locationInfo, data: that.locationInfo,
success() { success() {
@ -276,109 +361,228 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.content { // .content {
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
background-color: #1F222B; // background-color: #1F222B;
height:100vh; // height:100vh;
.listView{ // .listView{
z-index: 0; // z-index: 0;
position: relative; // position: relative;
width: 660rpx; // width: 660rpx;
height: 1300rpx; // height: 1300rpx;
margin-top: 100rpx; // margin-top: 100rpx;
background-color: #1F222B; // background-color: #1F222B;
.listItem-1{ // .listItem-1{
margin-top: 120rpx; // margin-top: 120rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
//border: 2px solid yellow; // //border: 2px solid yellow;
height: 160rpx; // height: 160rpx;
text-align: start; // text-align: start;
} // }
.listItem{ // .listItem{
//border: 2px solid yellow; // //border: 2px solid yellow;
height: 160rpx; // height: 160rpx;
//margin-top: 30px; // //margin-top: 30px;
//padding-top: 30px; // //padding-top: 30px;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
.toolItem{ // .toolItem{
//border: 2px solid red; // //border: 2px solid red;
background-color: #1F222B; // background-color: #1F222B;
font-size: 60rpx; // font-size: 60rpx;
color: #8f8f94; // color: #8f8f94;
height: 120rpx; // height: 120rpx;
text-align: center; // text-align: center;
.toolText{ // .toolText{
font-size: 24rpx; // font-size: 24rpx;
color: #8f8f94; // color: #8f8f94;
} // }
} // }
} // }
.listItem-ad{ // .listItem-ad{
background-color: #1F222B; // background-color: #1F222B;
text-align: center; // text-align: center;
color: #fff; // color: #fff;
//border: 2px solid red; // //border: 2px solid red;
height: 160rpx; // height: 160rpx;
} // }
.listItemBottom{ // .listItemBottom{
height: 400rpx; // height: 400rpx;
margin-top: 20rpx; // margin-top: 20rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
.buttomImg{ // .buttomImg{
width: 300rpx; // width: 300rpx;
height: 300rpx; // height: 300rpx;
} // }
} // }
} // }
// .icon{ // // .icon{
// z-index: 1; // // z-index: 1;
// position: absolute; // // position: absolute;
// margin-top: -620rpx; // // margin-top: -620rpx;
// background-color: #3e444d; // // background-color: #3e444d;
// font-size: 120rpx; // // font-size: 120rpx;
// color: #fff; // // color: #fff;
// text-align: center; // // text-align: center;
// } // // }
.bottomText{ // .bottomText{
color: #fff; // color: #fff;
text-align: center; // text-align: center;
font-size: 24rpx; // font-size: 24rpx;
//margin-top: 40rpx; // //margin-top: 40rpx;
margin-bottom: 240rpx; // margin-bottom: 240rpx;
} // }
.cutline{ // .cutline{
border: 1px solid #8f8f94; // border: 1px solid #8f8f94;
} // }
.starTipText{ // .starTipText{
color: #fff; // color: #fff;
font-size: 48rpx; // font-size: 48rpx;
} // }
.startTipContent{ // .startTipContent{
margin-bottom: 30rpx; // margin-bottom: 30rpx;
} // }
// }
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #1F222B;
height:650vh;
}
.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 */
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> </style>

427
pages/scan/Product.nvue

@ -1,7 +1,7 @@
<template> <template>
<view class="content"> <view class="content">
<!-- <tn-avatar class="icon tn-icon-all" size="xl"></tn-avatar> --> <!-- <tn-avatar class="icon tn-icon-all" 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"> <tn-list-cell class="listItem-1">
<view style="font-size: 36rpx;">{{ productInfo.message }}</view> <view style="font-size: 36rpx;">{{ productInfo.message }}</view>
</tn-list-cell> </tn-list-cell>
@ -26,10 +26,10 @@
</tn-grid-item> </tn-grid-item>
</block> </block>
</tn-grid> </tn-grid>
</tn-list-cell> </tn-list-cell> -->
<!-- <view class="cutline"></view> <!-- <view class="cutline"></view>
<tn-list-cell class="listItem-ad">我是谷歌ad部分</tn-list-cell> --> <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"/> <image :src="textImgUrl" class="buttomImg"/>
</tn-list-cell> </tn-list-cell>
</tn-list-view> </tn-list-view>
@ -48,7 +48,72 @@
</view> </view>
</view> </view>
</tn-modal> </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">{{ productInfo.message }}</text>
</uv-list-item>
<uv-list-item class="listItem">
<uv-grid :col="col">
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="openShoping()">
<!-- <view class="tn-icon-search"></view> -->
<uv-icon name="search" :size="36"></uv-icon>
<text class="toolText">Shopping</text>
</uv-grid-item>
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="openWeb()">
<!-- <view class="tn-icon-search"></view> -->
<uv-icon name="search" :size="36"></uv-icon>
<text class="toolText">Web Search</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>
<!-- <tn-button :fontSize="50" margin="80rpx" height="100rpx" backgroundColor="#0186FF" fontColor="tn-color-white" @click="starTipSubmit()">submit</tn-button> -->
</view>
</uv-modal>
</view>
<uv-toast ref="toast"></uv-toast>
</view> </view>
</template> </template>
@ -61,11 +126,11 @@
productInfo:{}, productInfo:{},
tableName: 'scan_code', tableName: 'scan_code',
textImgUrl: '', textImgUrl: '',
bgColor: '#1F222B',
nativeAdId:'ca-app-pub-3940256099942544/2247696110', //原生广告id
starRateValue: 0, //评分星星数量 starRateValue: 0, //评分星星数量
showStarTip: false, //评分展示开关
startTipColor: '#706F6F', //评分弹窗背景色
startTipFontColor: '#fff' //评分文字色
} }
}, },
async onLoad(option) { async onLoad(option) {
@ -98,7 +163,8 @@
console.log('starTipStatus',starTipStatus) console.log('starTipStatus',starTipStatus)
if(starTipStatus === null || starTipStatus === ""){ if(starTipStatus === null || starTipStatus === ""){
//达到要求 //达到要求
that.showStarTip = true; //that.showStarTip = true;
that.starTipOpen();
that.setStarTipStatus(false); that.setStarTipStatus(false);
return true; return true;
}else{ }else{
@ -107,6 +173,35 @@
}, },
methods: { 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(){ getStarTipStatus(){
return uni.getStorageSync('starTipStatus'); return uni.getStorageSync('starTipStatus');
@ -121,14 +216,13 @@
starTipSubmit(){ starTipSubmit(){
let that = this; let that = this;
that.$refs.toast.show({ that.$refs.toast.show({
title: 'Success', message: 'Thanks for feedback!',
content: 'Thanks for feedback!', duration: 3000
icon: 'success',
duration: 3000
}) })
that.showStarTip = false; //that.showStarTip = false;
//更改starTipStatus状态 //更改starTipStatus状态
that.setStarTipStatus(false); that.setStarTipStatus(true);
that.$refs.showStarTip.close();
}, },
//跳转到反馈页面 //跳转到反馈页面
@ -283,115 +377,236 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.content { // .content {
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
background-color: #1F222B; // background-color: #1F222B;
height:100vh; // height:100vh;
.listView{ // .listView{
//border: 2px solid yellow; // //border: 2px solid yellow;
z-index: 0; // z-index: 0;
position: relative; // position: relative;
width: 660rpx; // width: 660rpx;
height: 1300rpx; // height: 1300rpx;
margin-top: 100rpx; // margin-top: 100rpx;
background-color: #1F222B; // background-color: #1F222B;
.listItem-1{ // .listItem-1{
margin-top: 120rpx; // margin-top: 120rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
//border: 2px solid yellow; // //border: 2px solid yellow;
height: 160rpx; // height: 160rpx;
text-align: center; // text-align: center;
} // }
.listItem{ // .listItem{
//border: 2px solid yellow; // //border: 2px solid yellow;
height: 160rpx; // height: 160rpx;
width: 660rpx; // width: 660rpx;
//margin-top: 30px; // //margin-top: 30px;
//padding-top: 30px; // //padding-top: 30px;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
} // }
.toolItem{ // .toolItem{
//border: 2px solid red; // //border: 2px solid red;
background-color: #1F222B; // background-color: #1F222B;
font-size: 60rpx; // font-size: 60rpx;
color: #8f8f94; // color: #8f8f94;
height: 120rpx; // height: 120rpx;
text-align: center; // text-align: center;
.toolText{ // .toolText{
font-size: 24rpx; // font-size: 24rpx;
color: #8f8f94; // color: #8f8f94;
} // }
} // }
.listItem-ad{ // .listItem-ad{
background-color: #1F222B; // background-color: #1F222B;
text-align: center; // text-align: center;
color: #fff; // color: #fff;
//border: 2px solid red; // //border: 2px solid red;
height: 160rpx; // height: 160rpx;
} // }
.listItemBottom{ // .listItemBottom{
height: 400rpx; // height: 400rpx;
margin-top: 20rpx; // margin-top: 20rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
.buttomImg{ // .buttomImg{
width: 300rpx; // width: 300rpx;
height: 300rpx; // height: 300rpx;
} // }
} // }
} // }
// .icon{ // // .icon{
// z-index: 1; // // z-index: 1;
// position: absolute; // // position: absolute;
// margin-top: -620rpx; // // margin-top: -620rpx;
// background-color: #3e444d; // // background-color: #3e444d;
// font-size: 120rpx; // // font-size: 120rpx;
// color: #fff; // // color: #fff;
// text-align: center; // // text-align: center;
// } // // }
.bottomText{ // .bottomText{
color: #fff; // color: #fff;
text-align: center; // text-align: center;
font-size: 24rpx; // font-size: 24rpx;
//margin-top: 40rpx; // //margin-top: 40rpx;
margin-bottom: 240rpx; // margin-bottom: 240rpx;
} // }
.cutline{ // .cutline{
border: 1px solid #8f8f94; // border: 1px solid #8f8f94;
} // }
.starTipText{ // .starTipText{
color: #fff; // color: #fff;
font-size: 48rpx; // font-size: 48rpx;
} // }
.startTipContent{ // .startTipContent{
margin-bottom: 30rpx; // margin-bottom: 30rpx;
} // }
// }
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #1F222B;
height:650vh;
} }
.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 */
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> </style>

414
pages/scan/Sms.nvue

@ -1,7 +1,7 @@
<template> <template>
<view class="content"> <view class="content">
<!-- <tn-avatar class="icon tn-icon-message" size="xl"></tn-avatar> --> <!-- <tn-avatar class="icon tn-icon-message" 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"> <tn-list-cell class="listItem-1">
<view>Tel: {{ smsInfo.destPhoneNumber }}</view> <view>Tel: {{ smsInfo.destPhoneNumber }}</view>
<view>Content: {{ smsInfo.msgContent }}</view> <view>Content: {{ smsInfo.msgContent }}</view>
@ -23,10 +23,10 @@
</tn-grid-item> </tn-grid-item>
</block> </block>
</tn-grid> </tn-grid>
</tn-list-cell> </tn-list-cell> -->
<!-- <view class="cutline"></view> <!-- <view class="cutline"></view>
<tn-list-cell class="listItem-ad">我是谷歌ad部分</tn-list-cell> --> <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"/> <image :src="textImgUrl" class="buttomImg"/>
</tn-list-cell> </tn-list-cell>
</tn-list-view> </tn-list-view>
@ -45,7 +45,68 @@
</view> </view>
</view> </view>
</tn-modal> </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">Tel: {{ smsInfo.destPhoneNumber }}</text>
<text class="listItemText">Content: {{ smsInfo.msgContent }}</text>
</uv-list-item>
<uv-list-item class="listItem">
<uv-grid :col="col">
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="sendMessage()">
<!-- <view class="tn-icon-search"></view> -->
<uv-icon name="search" :size="36"></uv-icon>
<text class="toolText">Send SMS</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>
<!-- <tn-button :fontSize="50" margin="80rpx" height="100rpx" backgroundColor="#0186FF" fontColor="tn-color-white" @click="starTipSubmit()">submit</tn-button> -->
</view>
</uv-modal>
</view>
<uv-toast ref="toast"></uv-toast>
</view> </view>
</template> </template>
@ -58,11 +119,11 @@
smsInfo:{}, smsInfo:{},
tableName: 'scan_code', tableName: 'scan_code',
textImgUrl: '', textImgUrl: '',
bgColor: '#1F222B',
nativeAdId:'ca-app-pub-3940256099942544/2247696110', //原生广告id
starRateValue: 0, //评分星星数量 starRateValue: 0, //评分星星数量
showStarTip: false, //评分展示开关
startTipColor: '#706F6F', //评分弹窗背景色
startTipFontColor: '#fff' //评分文字色
} }
}, },
async onLoad(option) { async onLoad(option) {
@ -92,7 +153,8 @@
console.log('starTipStatus',starTipStatus) console.log('starTipStatus',starTipStatus)
if(starTipStatus === null || starTipStatus === ""){ if(starTipStatus === null || starTipStatus === ""){
//达到要求 //达到要求
that.showStarTip = true; //that.showStarTip = true;
that.starTipOpen();
that.setStarTipStatus(false); that.setStarTipStatus(false);
return true; return true;
}else{ }else{
@ -101,6 +163,35 @@
}, },
methods: { 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(){ getStarTipStatus(){
return uni.getStorageSync('starTipStatus'); return uni.getStorageSync('starTipStatus');
@ -115,14 +206,13 @@
starTipSubmit(){ starTipSubmit(){
let that = this; let that = this;
that.$refs.toast.show({ that.$refs.toast.show({
title: 'Success', message: 'Thanks for feedback!',
content: 'Thanks for feedback!', duration: 3000
icon: 'success',
duration: 3000
}) })
that.showStarTip = false; //that.showStarTip = false;
//更改starTipStatus状态 //更改starTipStatus状态
that.setStarTipStatus(false); that.setStarTipStatus(true);
that.$refs.showStarTip.close();
}, },
//发送短信 //发送短信
@ -266,106 +356,226 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.content { // .content {
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
background-color: #1F222B; // background-color: #1F222B;
height:100vh; // height:100vh;
.listView{ // .listView{
z-index: 0; // z-index: 0;
position: relative; // position: relative;
width: 660rpx; // width: 660rpx;
height: 1300rpx; // height: 1300rpx;
margin-top: 100rpx; // margin-top: 100rpx;
background-color: #1F222B; // background-color: #1F222B;
overflow: auto; // overflow: auto;
.listItem-1{ // .listItem-1{
margin-top: 120rpx; // margin-top: 120rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
//border: 2px solid yellow; // //border: 2px solid yellow;
height: auto; // height: auto;
text-align: start; // text-align: start;
} // }
.listItem{ // .listItem{
//border: 2px solid yellow; // //border: 2px solid yellow;
height: 160rpx; // height: 160rpx;
//margin-top: 30px; // //margin-top: 30px;
//padding-top: 30px; // //padding-top: 30px;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
.toolItem{ // .toolItem{
//border: 2px solid red; // //border: 2px solid red;
background-color: #1F222B; // background-color: #1F222B;
font-size: 60rpx; // font-size: 60rpx;
color: #8f8f94; // color: #8f8f94;
height: 120rpx; // height: 120rpx;
text-align: center; // text-align: center;
.toolText{ // .toolText{
font-size: 24rpx; // font-size: 24rpx;
color: #8f8f94; // color: #8f8f94;
} // }
} // }
} // }
.listItem-ad{ // .listItem-ad{
background-color: #1F222B; // background-color: #1F222B;
text-align: center; // text-align: center;
color: #fff; // color: #fff;
//border: 2px solid red; // //border: 2px solid red;
height: 160rpx; // height: 160rpx;
} // }
.listItemBottom{ // .listItemBottom{
height: 400rpx; // height: 400rpx;
margin-top: 20rpx; // margin-top: 20rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
.buttomImg{ // .buttomImg{
width: 300rpx; // width: 300rpx;
height: 300rpx; // height: 300rpx;
} // }
} // }
} // }
// .icon{ // // .icon{
// z-index: 1; // // z-index: 1;
// position: absolute; // // position: absolute;
// margin-top: -620rpx; // // margin-top: -620rpx;
// background-color: #3e444d; // // background-color: #3e444d;
// font-size: 120rpx; // // font-size: 120rpx;
// color: #fff; // // color: #fff;
// text-align: center; // // text-align: center;
// } // // }
.bottomText{ // .bottomText{
color: #fff; // color: #fff;
text-align: center; // text-align: center;
font-size: 24rpx; // font-size: 24rpx;
//margin-top: 40rpx; // //margin-top: 40rpx;
margin-bottom: 240rpx; // margin-bottom: 240rpx;
} // }
.cutline{ // .cutline{
border: 1px solid #8f8f94; // border: 1px solid #8f8f94;
} // }
.starTipText{ // .starTipText{
color: #fff; // color: #fff;
font-size: 48rpx; // font-size: 48rpx;
} // }
// }
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #1F222B;
height:650vh;
}
.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 */
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> </style>

416
pages/scan/Tel.nvue

@ -1,7 +1,7 @@
<template> <template>
<view class="content"> <view class="content">
<!-- <tn-avatar class="icon tn-icon-tel" size="xl"></tn-avatar> --> <!-- <tn-avatar class="icon tn-icon-tel" 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"> <tn-list-cell class="listItem-1">
<view style="font-size: 36rpx;">{{ telInfo.TelPhoneNumber }}</view> <view style="font-size: 36rpx;">{{ telInfo.TelPhoneNumber }}</view>
</tn-list-cell> </tn-list-cell>
@ -27,10 +27,10 @@
</tn-grid-item> </tn-grid-item>
</block> </block>
</tn-grid> </tn-grid>
</tn-list-cell> </tn-list-cell> -->
<!-- <view class="cutline"></view> <!-- <view class="cutline"></view>
<tn-list-cell class="listItem-ad">我是谷歌ad部分</tn-list-cell> --> <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"/> <image :src="textImgUrl" class="buttomImg"/>
</tn-list-cell> </tn-list-cell>
</tn-list-view> </tn-list-view>
@ -49,7 +49,72 @@
</view> </view>
</view> </view>
</tn-modal> </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">{{ telInfo.TelPhoneNumber }}</text>
</uv-list-item>
<uv-list-item class="listItem">
<uv-grid :col="col">
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="addConnect()">
<!-- <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="call()">
<!-- <view class="tn-icon-search"></view> -->
<uv-icon name="search" :size="36"></uv-icon>
<text class="toolText">Call</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>
<!-- <tn-button :fontSize="50" margin="80rpx" height="100rpx" backgroundColor="#0186FF" fontColor="tn-color-white" @click="starTipSubmit()">submit</tn-button> -->
</view>
</uv-modal>
</view>
<uv-toast ref="toast"></uv-toast>
</view> </view>
</template> </template>
@ -62,11 +127,11 @@
telInfo:{}, telInfo:{},
tableName: 'scan_code', tableName: 'scan_code',
textImgUrl: '', textImgUrl: '',
bgColor: '#1F222B',
nativeAdId:'ca-app-pub-3940256099942544/2247696110', //原生广告id
starRateValue: 0, //评分星星数量 starRateValue: 0, //评分星星数量
showStarTip: false, //评分展示开关
startTipColor: '#706F6F', //评分弹窗背景色
startTipFontColor: '#fff' //评分文字色
} }
}, },
async onLoad(option) { async onLoad(option) {
@ -99,7 +164,8 @@
console.log('starTipStatus',starTipStatus) console.log('starTipStatus',starTipStatus)
if(starTipStatus === null || starTipStatus === ""){ if(starTipStatus === null || starTipStatus === ""){
//达到要求 //达到要求
that.showStarTip = true; //that.showStarTip = true;
that.starTipOpen();
that.setStarTipStatus(false); that.setStarTipStatus(false);
return true; return true;
}else{ }else{
@ -109,6 +175,35 @@
}, },
methods: { 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(){ getStarTipStatus(){
return uni.getStorageSync('starTipStatus'); return uni.getStorageSync('starTipStatus');
@ -123,14 +218,13 @@
starTipSubmit(){ starTipSubmit(){
let that = this; let that = this;
that.$refs.toast.show({ that.$refs.toast.show({
title: 'Success', message: 'Thanks for feedback!',
content: 'Thanks for feedback!', duration: 3000
icon: 'success',
duration: 3000
}) })
that.showStarTip = false; //that.showStarTip = false;
//更改starTipStatus状态 //更改starTipStatus状态
that.setStarTipStatus(false); that.setStarTipStatus(true);
that.$refs.showStarTip.close();
}, },
//跳转到反馈页面 //跳转到反馈页面
@ -297,104 +391,224 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.content { // .content {
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
background-color: #1F222B; // background-color: #1F222B;
height:100vh; // height:100vh;
.listView{ // .listView{
z-index: 0; // z-index: 0;
position: relative; // position: relative;
width: 660rpx; // width: 660rpx;
height: 1300rpx; // height: 1300rpx;
margin-top: 100rpx; // margin-top: 100rpx;
background-color: #1F222B; // background-color: #1F222B;
.listItem-1{ // .listItem-1{
margin-top: 120rpx; // margin-top: 120rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
//border: 2px solid yellow; // //border: 2px solid yellow;
height: 160rpx; // height: 160rpx;
text-align: center; // text-align: center;
} // }
.listItem{ // .listItem{
//border: 2px solid yellow; // //border: 2px solid yellow;
height: 160rpx; // height: 160rpx;
//margin-top: 30px; // //margin-top: 30px;
//padding-top: 30px; // //padding-top: 30px;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
.toolItem{ // .toolItem{
//border: 2px solid red; // //border: 2px solid red;
background-color: #1F222B; // background-color: #1F222B;
font-size: 60rpx; // font-size: 60rpx;
color: #8f8f94; // color: #8f8f94;
height: 120rpx; // height: 120rpx;
text-align: center; // text-align: center;
.toolText{ // .toolText{
font-size: 24rpx; // font-size: 24rpx;
color: #8f8f94; // color: #8f8f94;
} // }
} // }
} // }
.listItem-ad{ // .listItem-ad{
background-color: #1F222B; // background-color: #1F222B;
text-align: center; // text-align: center;
color: #fff; // color: #fff;
//border: 2px solid red; // //border: 2px solid red;
height: 160rpx; // height: 160rpx;
} // }
.listItemBottom{ // .listItemBottom{
height: 400rpx; // height: 400rpx;
margin-top: 20rpx; // margin-top: 20rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
.buttomImg{ // .buttomImg{
width: 300rpx; // width: 300rpx;
height: 300rpx; // height: 300rpx;
} // }
} // }
} // }
// .icon{ // // .icon{
// z-index: 1; // // z-index: 1;
// position: absolute; // // position: absolute;
// margin-top: -620rpx; // // margin-top: -620rpx;
// background-color: #3e444d; // // background-color: #3e444d;
// font-size: 120rpx; // // font-size: 120rpx;
// color: #fff; // // color: #fff;
// text-align: center; // // text-align: center;
// } // // }
.bottomText{ // .bottomText{
color: #fff; // color: #fff;
text-align: center; // text-align: center;
font-size: 24rpx; // font-size: 24rpx;
//margin-top: 40rpx; // //margin-top: 40rpx;
margin-bottom: 240rpx; // margin-bottom: 240rpx;
} // }
.cutline{ // .cutline{
border: 1px solid #8f8f94; // border: 1px solid #8f8f94;
} // }
.starTipText{ // .starTipText{
color: #fff; // color: #fff;
font-size: 48rpx; // font-size: 48rpx;
} // }
// }
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #1F222B;
height:650vh;
}
.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 */
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> </style>

426
pages/scan/Text.nvue

@ -1,12 +1,11 @@
<template> <template>
<view class="content"> <view class="content">
<!-- <tn-avatar class="icon tn-icon-level" size="xl"></tn-avatar> --> <!-- <tn-avatar class="icon tn-icon-level" 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"> <tn-list-cell class="listItem-1">
<tn-read-more ref="readMore" :showHeight="400" openText="More" closeText="Close" :closeBtn="true" :shadowStyle="shdowStyle"> <tn-read-more ref="readMore" :showHeight="400" openText="More" closeText="Close" :closeBtn="true" :shadowStyle="shdowStyle">
<rich-text style="color:#fff" :nodes="textInfo.message" ></rich-text> <rich-text style="color:#fff" :nodes="textInfo.message" ></rich-text>
</tn-read-more> </tn-read-more>
<!-- <view>{{ textInfo.message }}</view> -->
</tn-list-cell> </tn-list-cell>
<tn-list-cell class="listItem"> <tn-list-cell class="listItem">
<tn-grid align="center" :col="col"> <tn-grid align="center" :col="col">
@ -25,10 +24,10 @@
</tn-grid-item> </tn-grid-item>
</block> </block>
</tn-grid> </tn-grid>
</tn-list-cell> </tn-list-cell> -->
<!-- <view class="cutline"></view> <!-- <view class="cutline"></view>
<tn-list-cell class="listItem-ad">我是谷歌ad部分</tn-list-cell> --> <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"/> <image :src="textImgUrl" class="buttomImg"/>
</tn-list-cell> </tn-list-cell>
</tn-list-view> </tn-list-view>
@ -47,7 +46,69 @@
</view> </view>
</view> </view>
</tn-modal> </tn-modal>
<tn-toast ref="toast"></tn-toast> <tn-toast ref="toast"></tn-toast> -->
<uv-list class="listView">
<uv-list-item class="listItem-1">
<uv-read-more show-height="400rpx" :toggle="false">
<rich-text class="content" :nodes="textInfo.message"></rich-text>
</uv-read-more>
</uv-list-item>
<uv-list-item class="listItem">
<uv-grid :col="col">
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="openWeb()">
<!-- <view class="tn-icon-search"></view> -->
<uv-icon name="search" :size="36"></uv-icon>
<text class="toolText">Web Search</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>
<!-- <tn-button :fontSize="50" margin="80rpx" height="100rpx" backgroundColor="#0186FF" fontColor="tn-color-white" @click="starTipSubmit()">submit</tn-button> -->
</view>
</uv-modal>
</view>
<uv-toast ref="toast"></uv-toast>
</view> </view>
</template> </template>
@ -59,7 +120,6 @@
col: 3, col: 3,
textInfo:{}, textInfo:{},
tableName: 'scan_code', tableName: 'scan_code',
textImgUrl: '',
shdowStyle: { shdowStyle: {
paddingTop: "300rpx", paddingTop: "300rpx",
marginTop: "-300rpx" marginTop: "-300rpx"
@ -67,10 +127,12 @@
// openFont: 'More', // openFont: 'More',
// closeFont: 'Close', // closeFont: 'Close',
textImgUrl: '',
bgColor: '#1F222B',
nativeAdId:'ca-app-pub-3940256099942544/2247696110', //原生广告id
starRateValue: 0, //评分星星数量 starRateValue: 0, //评分星星数量
showStarTip: false, //评分展示开关
startTipColor: '#706F6F', //评分弹窗背景色
startTipFontColor: '#fff' //评分文字色
} }
}, },
async onLoad(option) { async onLoad(option) {
@ -107,8 +169,8 @@
console.log('starTipStatus',starTipStatus) console.log('starTipStatus',starTipStatus)
if(starTipStatus === null || starTipStatus === ""){ if(starTipStatus === null || starTipStatus === ""){
//达到要求 //达到要求
that.showStarTip = true; //that.showStarTip = true;
//更改starTipStatus状态 that.starTipOpen();
that.setStarTipStatus(false); that.setStarTipStatus(false);
return true; return true;
}else{ }else{
@ -118,6 +180,35 @@
}, },
methods: { 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(){ getStarTipStatus(){
return uni.getStorageSync('starTipStatus'); return uni.getStorageSync('starTipStatus');
@ -132,14 +223,13 @@
starTipSubmit(){ starTipSubmit(){
let that = this; let that = this;
that.$refs.toast.show({ that.$refs.toast.show({
title: 'Success', message: 'Thanks for feedback!',
content: 'Thanks for feedback!', duration: 3000
icon: 'success',
duration: 3000
}) })
that.showStarTip = false; //that.showStarTip = false;
//更改starTipStatus状态 //更改starTipStatus状态
that.setStarTipStatus(false); that.setStarTipStatus(true);
that.$refs.showStarTip.close();
}, },
//跳转到反馈页面 //跳转到反馈页面
@ -285,111 +375,231 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.content { // .content {
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
background-color: #1F222B; // background-color: #1F222B;
height:100vh; // height:100vh;
.listView{ // .listView{
z-index: 0; // z-index: 0;
position: relative; // position: relative;
width: 660rpx; // width: 660rpx;
height: 1300rpx; // height: 1300rpx;
margin-top: 100rpx; // margin-top: 100rpx;
background-color: #1F222B; // background-color: #1F222B;
overflow: auto; // overflow: auto;
.listItem-1{ // .listItem-1{
margin-top: 120rpx; // margin-top: 120rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
//border: 2px solid yellow; // //border: 2px solid yellow;
height: auto; // height: auto;
text-align: start; // text-align: start;
} // }
.listItem{ // .listItem{
//border: 2px solid yellow; // //border: 2px solid yellow;
height: 160rpx; // height: 160rpx;
//margin-top: 30px; // //margin-top: 30px;
//padding-top: 30px; // //padding-top: 30px;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
.toolItem{ // .toolItem{
//border: 2px solid red; // //border: 2px solid red;
background-color: #1F222B; // background-color: #1F222B;
font-size: 60rpx; // font-size: 60rpx;
color: #8f8f94; // color: #8f8f94;
height: 120rpx; // height: 120rpx;
text-align: center; // text-align: center;
.toolText{ // .toolText{
font-size: 24rpx; // font-size: 24rpx;
color: #8f8f94; // color: #8f8f94;
} // }
} // }
} // }
.listItem-ad{ // .listItem-ad{
background-color: #1F222B; // background-color: #1F222B;
text-align: center; // text-align: center;
color: #fff; // color: #fff;
//border: 2px solid red; // //border: 2px solid red;
height: 160rpx; // height: 160rpx;
} // }
.listItemBottom{ // .listItemBottom{
height: 400rpx; // height: 400rpx;
margin-top: 20rpx; // margin-top: 20rpx;
background-color: #1F222B; // background-color: #1F222B;
color: #fff; // color: #fff;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
align-items: center; // align-items: center;
justify-content: center; // justify-content: center;
.buttomImg{ // .buttomImg{
width: 300rpx; // width: 300rpx;
height: 300rpx; // height: 300rpx;
} // }
} // }
} // }
// .icon{ // // .icon{
// z-index: 1; // // z-index: 1;
// position: absolute; // // position: absolute;
// margin-top: -620rpx; // // margin-top: -620rpx;
// background-color: #3e444d; // // background-color: #3e444d;
// font-size: 120rpx; // // font-size: 120rpx;
// color: #fff; // // color: #fff;
// text-align: center; // // text-align: center;
// } // // }
.bottomText{ // .bottomText{
color: #fff; // color: #fff;
text-align: center; // text-align: center;
font-size: 24rpx; // font-size: 24rpx;
//margin-top: 40rpx; // //margin-top: 40rpx;
margin-bottom: 300rpx; // margin-bottom: 300rpx;
} // }
.cutline{ // .cutline{
border: 1px solid #8f8f94; // border: 1px solid #8f8f94;
} // }
.starTipText{ // .starTipText{
color: #fff; // color: #fff;
font-size: 48rpx; // font-size: 48rpx;
} // }
.startTipContent{ // .startTipContent{
margin-bottom: 30rpx; // margin-bottom: 30rpx;
} // }
// }
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #1F222B;
height:650vh;
}
.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 */
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> </style>

BIN
static/favicon.ico

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

BIN
static/logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

Loading…
Cancel
Save