锦旗优化,证书优化
This commit is contained in:
parent
b250034b47
commit
07d50cc1e9
2
main.js
2
main.js
|
|
@ -29,7 +29,7 @@ export function createApp() {
|
||||||
app.config.globalProperties.$system = plus.os.name;
|
app.config.globalProperties.$system = plus.os.name;
|
||||||
// #endif
|
// #endif
|
||||||
app.config.globalProperties.$systemInfo = systemInfo
|
app.config.globalProperties.$systemInfo = systemInfo
|
||||||
uni.setStorageSync('version', '1.0.4.sp25')
|
uni.setStorageSync('version', '1.0.4.sp29')
|
||||||
app.config.globalProperties.$version = uni.getStorageSync('version')
|
app.config.globalProperties.$version = uni.getStorageSync('version')
|
||||||
app.use(globalMethods);
|
app.use(globalMethods);
|
||||||
return {
|
return {
|
||||||
|
|
|
||||||
|
|
@ -445,7 +445,10 @@
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" >
|
||||||
|
page {
|
||||||
|
background-color: #ededed;
|
||||||
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "card";
|
font-family: "card";
|
||||||
src: url("/static/font/card.ttf");
|
src: url("/static/font/card.ttf");
|
||||||
|
|
@ -633,7 +636,7 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border: none;
|
border: none;
|
||||||
padding: 18rpx 60rpx;
|
padding: 18rpx 60rpx;
|
||||||
border-radius: 40rpx;
|
border-radius: 60rpx;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
box-shadow: 0 3rpx 10rpx rgba(7, 66, 193, 0.3);
|
box-shadow: 0 3rpx 10rpx rgba(7, 66, 193, 0.3);
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<!-- 自定义头部导航栏 -->
|
<!-- 自定义头部导航栏 -->
|
||||||
<ZdyNavbar @right-click="edit" isRightButton rightButtonText="编辑" :title="data.navbar.title"
|
<ZdyNavbar @right-click="edit" isRightButton rightButtonText="编辑" :title="data.navbar.title"
|
||||||
:bgColor="data.navbar.bgColor" :isBack="true" />
|
:bgColor="data.navbar.bgColor" :isBack="true" />
|
||||||
<view class="footer-box">
|
<view class="footer-box" v-if="data.typeList.length>1">
|
||||||
<view class="btn" v-for="(item, index) in data.typeList" :key="index" :class="{ active: data.type == getType(index) }"
|
<view class="btn" v-for="(item, index) in data.typeList" :key="index" :class="{ active: data.type == getType(index) }"
|
||||||
@click="setType(index)">
|
@click="setType(index)">
|
||||||
{{ item }}
|
{{ item }}
|
||||||
|
|
@ -615,20 +615,24 @@
|
||||||
onLoad((option) => {
|
onLoad((option) => {
|
||||||
data.styleType=option.styleType||0
|
data.styleType=option.styleType||0
|
||||||
if(data.styleType==0){
|
if(data.styleType==0){
|
||||||
|
data.navbar.title='毕业证书'
|
||||||
data.typeList=[
|
data.typeList=[
|
||||||
'样式一',//毕业证书
|
'样式一',//毕业证书
|
||||||
'样式二',//毕业证书
|
'样式二',//毕业证书
|
||||||
]
|
]
|
||||||
setType(0)
|
setType(0)
|
||||||
}else if(data.styleType==1){
|
}else if(data.styleType==1){
|
||||||
|
data.navbar.title='情侣证'
|
||||||
data.typeList=['情侣证',]
|
data.typeList=['情侣证',]
|
||||||
data.type=2
|
data.type=2
|
||||||
setType(0)
|
setType(0)
|
||||||
}else if(data.styleType==2){
|
}else if(data.styleType==2){
|
||||||
|
data.navbar.title='分手证'
|
||||||
data.typeList=['分手证',]
|
data.typeList=['分手证',]
|
||||||
data.type=3
|
data.type=3
|
||||||
setType(0)
|
setType(0)
|
||||||
}else if(data.styleType==3){
|
}else if(data.styleType==3){
|
||||||
|
data.navbar.title='奖状'
|
||||||
data.typeList=[
|
data.typeList=[
|
||||||
'样式一',//奖状样式
|
'样式一',//奖状样式
|
||||||
'样式二',//奖状样式
|
'样式二',//奖状样式
|
||||||
|
|
@ -636,6 +640,7 @@
|
||||||
data.type=4
|
data.type=4
|
||||||
setType(0)
|
setType(0)
|
||||||
}else{
|
}else{
|
||||||
|
data.navbar.title='颜值证'
|
||||||
data.type=6
|
data.type=6
|
||||||
data.typeList=[
|
data.typeList=[
|
||||||
'样式一',//女神证
|
'样式一',//女神证
|
||||||
|
|
@ -651,7 +656,7 @@
|
||||||
type: 'event',
|
type: 'event',
|
||||||
key: 'certificate',
|
key: 'certificate',
|
||||||
prefix: '.uni.other.',
|
prefix: '.uni.other.',
|
||||||
value: "证书"
|
value: data.navbar.title
|
||||||
})
|
})
|
||||||
// let graduateData = uni.getStorageSync("graduateData")
|
// let graduateData = uni.getStorageSync("graduateData")
|
||||||
// if (graduateData) {
|
// if (graduateData) {
|
||||||
|
|
@ -1351,18 +1356,22 @@
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
padding-bottom: constant(safe-area-inset-bottom); // 兼容 IOS<11.2
|
||||||
|
padding-bottom: env(safe-area-inset-bottom); // 兼容 IOS>11.2
|
||||||
.btn {
|
.btn {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #767676;
|
color: #767676;
|
||||||
width: 94px;
|
|
||||||
height: 50px;
|
width: 180rpx;
|
||||||
line-height: 50px;
|
height: 80rpx;
|
||||||
|
line-height: 80rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 8px 8px 8px 8px;
|
border-radius: 8px 8px 8px 8px;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0 24rpx;
|
margin: 0 24rpx;
|
||||||
color: #767676;
|
color: #767676;
|
||||||
|
border: 2px solid #FFFFFF;
|
||||||
}
|
}
|
||||||
.active {
|
.active {
|
||||||
color: #1777FF;
|
color: #1777FF;
|
||||||
|
|
|
||||||
|
|
@ -20,14 +20,35 @@
|
||||||
|
|
||||||
import {
|
import {
|
||||||
ref,
|
ref,
|
||||||
reactive
|
reactive,
|
||||||
|
getCurrentInstance
|
||||||
} from 'vue'
|
} from 'vue'
|
||||||
|
import {
|
||||||
|
onLoad,
|
||||||
|
onShow,
|
||||||
|
onUnload,
|
||||||
|
onReady,
|
||||||
|
onPullDownRefresh,
|
||||||
|
onReachBottom
|
||||||
|
} from "@dcloudio/uni-app";
|
||||||
|
const {
|
||||||
|
appContext,
|
||||||
|
proxy
|
||||||
|
} = getCurrentInstance();
|
||||||
const data = reactive({
|
const data = reactive({
|
||||||
navbar: {
|
navbar: {
|
||||||
title: '证件选择',
|
title: '证件选择',
|
||||||
bgColor: ''
|
bgColor: ''
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
onLoad(()=>{
|
||||||
|
proxy.$apiUserEvent('all', {
|
||||||
|
type: 'event',
|
||||||
|
key: 'certificate',
|
||||||
|
prefix: '.uni.other.',
|
||||||
|
value:'证书首页'
|
||||||
|
})
|
||||||
|
})
|
||||||
const cardList = ref([
|
const cardList = ref([
|
||||||
{
|
{
|
||||||
title: '身份证',
|
title: '身份证',
|
||||||
|
|
@ -89,9 +110,9 @@
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 30rpx;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05);
|
/* box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05); */
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -100,6 +121,8 @@
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #1A1A1A;
|
color: #1A1A1A;
|
||||||
line-height: 14px;
|
line-height: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
padding-top: 10rpx;
|
||||||
}
|
}
|
||||||
.card-img {
|
.card-img {
|
||||||
width: 130px;
|
width: 130px;
|
||||||
|
|
@ -121,6 +144,9 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
button::after{
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
button{
|
button{
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
||||||
|
|
@ -59,8 +59,8 @@
|
||||||
<l-painter-view :css="`position: absolute;top:198px;right:126px;`">
|
<l-painter-view :css="`position: absolute;top:198px;right:126px;`">
|
||||||
<l-painter-text :css="data.textFont+data.textCss1" :text="data.banner.centerChar" />
|
<l-painter-text :css="data.textFont+data.textCss1" :text="data.banner.centerChar" />
|
||||||
</l-painter-view>
|
</l-painter-view>
|
||||||
<l-painter-view :css="`position: absolute;top:112px;left:142px;`">
|
<l-painter-view :css="`position: absolute;top:112px;left:158px;`">
|
||||||
<l-painter-text :css="data.textFont+data.textCss2" :text="data.banner.centerChar" />
|
<l-painter-text :css="data.textFont+data.textCss2+'width:50px;text-align: center;'" :text="data.banner.centerChar" />
|
||||||
</l-painter-view>
|
</l-painter-view>
|
||||||
<l-painter-view :css="`position: absolute;bottom:165px;left:10px;`">
|
<l-painter-view :css="`position: absolute;bottom:165px;left:10px;`">
|
||||||
<l-painter-text :css="data.textFont+data.textCss3" :text="data.banner.phraseTop" />
|
<l-painter-text :css="data.textFont+data.textCss3" :text="data.banner.phraseTop" />
|
||||||
|
|
@ -126,7 +126,7 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="form-row" v-if="data.type == 0">
|
<view class="form-row" v-if="data.type == 0">
|
||||||
<text class="form-label">中心大字:</text>
|
<text class="form-label">中心大字:</text>
|
||||||
<input class="form-input" v-model="editForm.centerChar" type="text" maxlength="4" placeholder="单字居多,如:牛" />
|
<input class="form-input" v-model="editForm.centerChar" type="text" maxlength="1" placeholder="单字,如:牛" />
|
||||||
</view>
|
</view>
|
||||||
<view class="form-row">
|
<view class="form-row">
|
||||||
<text class="form-label">上句赞语:</text>
|
<text class="form-label">上句赞语:</text>
|
||||||
|
|
@ -785,17 +785,20 @@
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
padding-bottom: constant(safe-area-inset-bottom); // 兼容 IOS<11.2
|
||||||
|
padding-bottom: env(safe-area-inset-bottom); // 兼容 IOS>11.2
|
||||||
.btn {
|
.btn {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #767676;
|
color: #767676;
|
||||||
width: 94px;
|
width: 180rpx;
|
||||||
height: 50px;
|
height: 80rpx;
|
||||||
line-height: 50px;
|
line-height: 80rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 8px 8px 8px 8px;
|
border-radius: 8px 8px 8px 8px;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0 24rpx;
|
margin: 0 24rpx;
|
||||||
|
border: 2px solid #FFFFFF;
|
||||||
color: #767676;
|
color: #767676;
|
||||||
}
|
}
|
||||||
.active {
|
.active {
|
||||||
|
|
|
||||||
|
|
@ -50,8 +50,8 @@ const menuList = ref([
|
||||||
bgColor: ["#FFF0DA", "#FFFFFF"],
|
bgColor: ["#FFF0DA", "#FFFFFF"],
|
||||||
btnBg: "#FF953C",
|
btnBg: "#FF953C",
|
||||||
shadowColor: "#FF953C",
|
shadowColor: "#FF953C",
|
||||||
url: "/pages/shopping/taobao/list-index"
|
// url: "/pages/shopping/taobao/list-index"
|
||||||
// url: ""
|
url: ""
|
||||||
}, {
|
}, {
|
||||||
name: "快手",
|
name: "快手",
|
||||||
icon: "kuaishou",
|
icon: "kuaishou",
|
||||||
|
|
@ -67,7 +67,7 @@ const menuList = ref([
|
||||||
shadowColor: "#D15CFF",
|
shadowColor: "#D15CFF",
|
||||||
url: ""
|
url: ""
|
||||||
}, {
|
}, {
|
||||||
name: "抖音",
|
name: "得物",
|
||||||
icon: "dewu",
|
icon: "dewu",
|
||||||
bgColor: ["#FAE5FF", "#FFFFFF"],
|
bgColor: ["#FAE5FF", "#FFFFFF"],
|
||||||
btnBg: "#393939",
|
btnBg: "#393939",
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue