14 changed files with 1032 additions and 252 deletions
-
64components/pickDateTimer/pickDateTimer.vue
-
7config/api.js
-
92config/utils.js
-
12pages.json
-
81pages/carEntry/evaluate/comp/evaluateItem.vue
-
251pages/carEntry/simulateAppointment/comp/step1 - 副本.vue
-
86pages/carEntry/simulateAppointment/comp/step1.vue
-
41pages/indexEntry/consult/consult.vue
-
44pages/indexEntry/consult/pubComplaint/pubComplaint.vue
-
45pages/indexEntry/consult/pubConsult/pubConsult.vue
-
65pages/indexEntry/enroll/registInfo/registInfo.vue
-
2pages/tabbar/index/index.vue
-
492pages/userCenter/login/face.vue
-
2pages/userCenter/login/loginByPhone.vue
@ -0,0 +1,251 @@ |
|||
<template> |
|||
<view class="step1"> |
|||
<view class="card"> |
|||
<view class="dateBox"> |
|||
<view class="month-row"> |
|||
<view class="month">2032.08</view> |
|||
<view class="arrow"> |
|||
<u-icon name="arrow-down" :size="12" :color="'#1989FA'"></u-icon> |
|||
</view> |
|||
</view> |
|||
<view class="date_row"> |
|||
<view class="icon left" @click="changeDateIndex(-1)"> |
|||
<u-icon name="arrow-left" :size="12" :color="'#fff'"></u-icon> |
|||
</view> |
|||
<view class="dateArr" > |
|||
<view class="dateWidth" v-for="(item,index) in dateArr[currentDay]" :key="index" @click="chooseDate(item)" > |
|||
<view class="date" :class="{active: chooseDay==item.date}"> |
|||
<view class="week">{{ item.week }}</view> |
|||
<view class="num">{{ item.num }}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="icon right" @click="changeDateIndex(1)"> |
|||
<u-icon name="arrow-right" :size="12" :color="'#fff'"></u-icon> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="card"> |
|||
<view class="timeCon"> |
|||
<view class="h2">上午</view> |
|||
<view class="time_box"> |
|||
<view class="time_item" v-for="(item,index) in timerArr" :key="index" @click="chooseTimerClick(item)" :class="{active: item.id==chooseTimerId, disable: item.status!==1}"> |
|||
<view class="lab" v-if="item.status==3">已过期</view> |
|||
<view class="lab" v-if="item.status==2">已约满</view> |
|||
<view class="lab" v-if="item.status==1">可预约</view> |
|||
<view class="time">{{ item.timer }}</view> |
|||
</view> |
|||
</view> |
|||
<view class="h2">下午</view> |
|||
<view class="time_box"> |
|||
<view class="time_item" v-for="(item,index) in timerArr2" :key="index" @click="chooseTimerClick(item)" :class="{active: item.id==chooseTimerId,disable: item.status!==1}"> |
|||
<view class="lab" v-if="item.status==3">已过期</view> |
|||
<view class="lab" v-if="item.status==2">已约满</view> |
|||
<view class="lab" v-if="item.status==1">可预约</view> |
|||
<view class="time">{{ item.timer }}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="btn" @click="changeStep(2)">下一步</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getDates } from '@/config/utils.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
dateArr: [], |
|||
currentDay: 0, |
|||
chooseDay: '', |
|||
timerArr: [ |
|||
{status: 1, timer: '06:00-07:00', id: 1}, |
|||
{status: 2, timer: '06:00-07:00', id: 2}, |
|||
{status: 3, timer: '06:00-07:00', id: 3}, |
|||
], |
|||
timerArr2: [ |
|||
{status: 1, timer: '06:00-07:00', id: 4}, |
|||
{status: 2, timer: '06:00-07:00', id: 5}, |
|||
{status: 3, timer: '06:00-07:00', id: 6}, |
|||
], |
|||
chooseTimerId: '' |
|||
} |
|||
}, |
|||
mounted() { |
|||
const startDate = new Date('2023-09-06'); |
|||
const endDate = new Date(); |
|||
this.dateArr = getDates(startDate, endDate); |
|||
}, |
|||
methods: { |
|||
// 选择时间 |
|||
chooseTimerClick(item) { |
|||
if(item.status!=1) return this.$u.toast('请选择可预约时间') |
|||
this.chooseTimerId = item.id |
|||
}, |
|||
// 选择日期 |
|||
chooseDate(item) { |
|||
this.chooseDay = item.date |
|||
console.log(this.chooseDay) |
|||
}, |
|||
changeDateIndex(num) { |
|||
if(this.currentDay==0&&num==-1) return |
|||
if(this.currentDay==this.dateArr.length-1&&num==1) return |
|||
this.currentDay = this.currentDay + num |
|||
console.log(this.currentDay) |
|||
}, |
|||
changeStep(val) { |
|||
this.$emit('changeStep', val) |
|||
}, |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.card { |
|||
width: 100%; |
|||
margin-bottom: 24rpx; |
|||
overflow: hidden; |
|||
.dateBox { |
|||
padding: 36rpx 0 40rpx 0; |
|||
.month-row { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
margin-bottom: 36rpx; |
|||
.month { |
|||
font-size: 32rpx; |
|||
color: $themC; |
|||
} |
|||
|
|||
.arrow { |
|||
margin-left: 6rpx; |
|||
} |
|||
} |
|||
|
|||
.date_row { |
|||
width: 100%; |
|||
height: 100rpx; |
|||
position: relative; |
|||
.icon { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
background: rgba(51,51,51,0.18); |
|||
backdrop-filter: blur(4rpx); |
|||
position: absolute; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
border-radius: 50%; |
|||
&.left { |
|||
left: 16rpx; |
|||
} |
|||
&.right { |
|||
right: 16rpx; |
|||
} |
|||
} |
|||
|
|||
.dateArr { |
|||
display: flex; |
|||
padding: 0 70rpx; |
|||
// justify-content: space-between; |
|||
&.oneDate { |
|||
justify-content: center; |
|||
} |
|||
.dateWidth { |
|||
width: 20%; |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
.date { |
|||
width: 74rpx; |
|||
height: 100rpx; |
|||
border-radius: 16rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-size: 28rpx; |
|||
color: #333; |
|||
&.active { |
|||
background: rgba(25,137,250,0.1); |
|||
border: 2rpx solid #1989FA; |
|||
color: $themC; |
|||
} |
|||
.week { |
|||
|
|||
} |
|||
|
|||
.num { |
|||
margin-top: 4rpx; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.card { |
|||
.timeCon { |
|||
padding: 0 24rpx 40rpx 24rpx; |
|||
} |
|||
.h2 { |
|||
line-height: 90rpx; |
|||
font-weight: 500; |
|||
color: #333; |
|||
} |
|||
|
|||
.time_box { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
justify-content: space-between; |
|||
.time_item { |
|||
width: 30%; |
|||
height: 120rpx; |
|||
background: #F8F8F8; |
|||
border-radius: 12rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
align-items: center; |
|||
border-radius: 12rpx; |
|||
color: #333; |
|||
&.active { |
|||
background: rgba(25,137,250,0.1); |
|||
border: 2rpx solid #1989FA; |
|||
color: $themC; |
|||
} |
|||
&.disable { |
|||
opacity: 0.4; |
|||
} |
|||
.lab { |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.time { |
|||
font-size: 24rpx; |
|||
margin-top: 4rpx; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.btn { |
|||
width: 47%; |
|||
height: 72rpx; |
|||
background: #1989FA; |
|||
border-radius: 8rpx; |
|||
font-size: 28rpx; |
|||
color: #fff; |
|||
text-align: center; |
|||
line-height: 72rpx; |
|||
margin: 108rpx auto 50rpx auto; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,492 @@ |
|||
<template> |
|||
<view class="page-content"> |
|||
<!-- #ifdef MP-WEIXIN --> |
|||
<!-- <u-navbar title="人脸识别" :is-back="true" :background="{backgroundColor: '#ffffff'}"></u-navbar> --> |
|||
<topNavbar title="人脸识别"></topNavbar> |
|||
<!-- #endif --> |
|||
|
|||
<view class="containerV"> |
|||
<view class="headerV"> |
|||
<view class="top-tips1"> |
|||
<view>请将正对手机，头部匹配摄像区域</view> |
|||
</view> |
|||
<view class="top-tips2"> |
|||
为了便于识别认证，请拍摄本人头像 |
|||
</view> |
|||
</view> |
|||
<!-- <u-circle-progress active-color="#2979ff" :percent="80"> --> |
|||
<view class="contentV"> |
|||
<view class="mark"></view> |
|||
<image v-if="tempImg" mode="widthFix" :src="tempImg" /> |
|||
<camera v-if='isAuthCamera' class="camera" :device-position="devicePosition ?'front': 'back'" |
|||
flash="off" resolution='high'> |
|||
</camera> |
|||
<view v-show="!tempImg && tipsText" class="tipV">{{ tipsText }}</view> |
|||
</view> |
|||
<!-- </u-circle-progress> --> |
|||
<view class="footerV"> |
|||
<view style="width: 100%;"> |
|||
<view v-if="!tempImg" style="width: 100%;"> |
|||
<view class="bottom-tips-2">该照片仅作为你认证的凭证</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
<script> |
|||
import { WX_API, H5_API, prefix } from '@/config/site.config.js'; |
|||
import { createconsult } from '@/config/api.js' |
|||
var _url = H5_API+ WX_API |
|||
export default { |
|||
name: 'index', |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
tipsText: '', // 错误文案提示 |
|||
tempImg: '', // 本地图片路径 |
|||
BASE_API: '', |
|||
cameraEngine: null, // 相机引擎 |
|||
devicePosition: true, // 摄像头朝向 |
|||
isAuthCamera: true, // 是否拥有相机权限 |
|||
uploadUrl: _url + 'app-api/infra/file/upload', |
|||
faceGetResult: '', |
|||
count: 0, |
|||
isload:false,//判断连拍 |
|||
} |
|||
}, |
|||
|
|||
onLoad(options) { |
|||
this.initData() |
|||
}, |
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
// 初始化相机引擎 |
|||
initData() { |
|||
// #ifdef MP-WEIXIN |
|||
// 1、初始化人脸识别 |
|||
wx.initFaceDetect() |
|||
// 2、创建 camera 上下文 CameraContext 对象 |
|||
this.cameraEngine = wx.createCameraContext() |
|||
// 3、获取 Camera 实时帧数据 |
|||
const listener = this.cameraEngine.onCameraFrame((frame) => { |
|||
if (this.tempImg) { |
|||
return; |
|||
} |
|||
// 4、人脸识别，使用前需要通过 wx.initFaceDetect 进行一次初始化，推荐使用相机接口返回的帧数据 |
|||
wx.faceDetect({ |
|||
frameBuffer: frame.data, |
|||
width: frame.width, |
|||
height: frame.height, |
|||
enablePoint: true, |
|||
enableConf: true, |
|||
enableAngle: true, |
|||
enableMultiFace: true, |
|||
success: (faceData) => { |
|||
let face = faceData.faceInfo[0] |
|||
if (faceData.x == -1 || faceData.y == -1) { |
|||
this.tipsText = '检测不到人' |
|||
} |
|||
if (faceData.faceInfo.length > 1) { |
|||
this.tipsText = '请保证只有一个人' |
|||
} else { |
|||
const { |
|||
pitch, |
|||
roll, |
|||
yaw |
|||
} = face.angleArray; |
|||
const standard = 0.5 |
|||
if (Math.abs(pitch) >= standard || Math.abs(roll) >= standard || |
|||
Math.abs(yaw) >= standard) { |
|||
this.tipsText = '请平视摄像头' |
|||
} else if (face.confArray.global <= 0.8 || face.confArray.leftEye <= |
|||
0.8 || face.confArray.mouth <= 0.8 || face.confArray.nose <= 0.8 || |
|||
face.confArray.rightEye <= 0.8) { |
|||
this.tipsText = '请勿遮挡五官' |
|||
} else { |
|||
// this.tipsText = '请拍照' |
|||
// 这里可以写自己的逻辑了 |
|||
this.handleTakePhotoClick() |
|||
} |
|||
} |
|||
}, |
|||
fail: (err) => { |
|||
if (err.x == -1 || err.y == -1) { |
|||
this.tipsText = '检测不到人' |
|||
} else { |
|||
this.tipsText = err.errMsg || '网络错误，请退出页面重试' |
|||
} |
|||
}, |
|||
}) |
|||
}) |
|||
// 5、开始监听帧数据 |
|||
listener.start() |
|||
// #endif |
|||
}, |
|||
// 拍照 |
|||
handleTakePhotoClick() { |
|||
// if (this.tipsText != "" && this.tipsText != "请拍照") { |
|||
// return; |
|||
// } |
|||
if(this.isload) return |
|||
this.isload = true |
|||
uni.getSetting({ |
|||
success: (res) => { |
|||
if (!res.authSetting['scope.camera']) { |
|||
this.isAuthCamera = false |
|||
uni.openSetting({ |
|||
success: (res) => { |
|||
if (res.authSetting['scope.camera']) { |
|||
this.isAuthCamera = true; |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
this.cameraEngine.takePhoto({ |
|||
quality: "high", |
|||
success: ({ |
|||
tempImagePath |
|||
}) => { |
|||
this.tempImg = tempImagePath |
|||
// this.isAuthCamera = false |
|||
uni.showLoading({ |
|||
title: '人脸核身中，请耐心等待....' |
|||
}) |
|||
this.upLoad(tempImagePath) |
|||
console.log('tempImagePath', tempImagePath) |
|||
} |
|||
}) |
|||
}, |
|||
async upLoad(imgPath) { |
|||
console.log('然后这里imgPath1111', imgPath) |
|||
// this.againEvent() |
|||
// return |
|||
const url = await this.UpImgResolve(imgPath, this.uploadUrl) |
|||
this.faceGetResultEvent(url) |
|||
console.log('然后这里imgPath', url, '9d1b7998-4949-46c7-a39f-726aad966664') |
|||
// 然后这里imgPath 传过来的是 要上传的临时本地图片的路径 |
|||
// 具体上传方法根据自己的请求方式 请求自己的接口 |
|||
}, |
|||
UpImgResolve(file, url) { |
|||
let that = this |
|||
let token = 'Bearer '+ this.$store.state.user.vuex_loginInfo.accessToken |
|||
let _this = this |
|||
let timer = new Date() * 1 |
|||
|
|||
// 处理接口超时异常 |
|||
setTimeout((res => { |
|||
console.log('3122223') |
|||
uni.hideLoading(); |
|||
that.againEvent() |
|||
}), 10000) |
|||
return new Promise(function(resolve, reject) { |
|||
uni.uploadFile({ |
|||
url: _url + 'app-api/infra/file/upload',//接口 |
|||
filePath: file,//要上传的图片的本地路径 |
|||
name: 'file', |
|||
|
|||
formData: { |
|||
path: 'complain/'+ uni.$u.date(timer, 'yyyy-mm-dd')+timer, |
|||
type: 1, |
|||
fileSuffix: "png" |
|||
}, |
|||
header: { |
|||
Authorization: token, |
|||
'tenant-id': 1 |
|||
}, |
|||
success: function(uploadFileRes) { |
|||
if (!uploadFileRes.data) return that.againEvent() |
|||
|
|||
const urlJosn = JSON.parse(uploadFileRes.data) |
|||
console.log('拿到照片地址---',urlJosn.data) |
|||
resolve(urlJosn.data) |
|||
}, |
|||
error(res) { |
|||
console.log('313', res) |
|||
uni.hideLoading(); |
|||
that.againEvent() |
|||
}, |
|||
catach(res) { |
|||
console.log('3122223', res) |
|||
uni.hideLoading(); |
|||
that.againEvent() |
|||
} |
|||
}); |
|||
}) |
|||
|
|||
}, |
|||
faceGetResultEvent(url) { |
|||
let that = this |
|||
console.log('走进核身---',url) |
|||
uni.request({ |
|||
url: that.faceGetResult, |
|||
method: "post", |
|||
data: { |
|||
'livenessType': 'SILENT', |
|||
'type': 3, |
|||
'imageUrl': url, |
|||
'identityType':2, |
|||
'url':url |
|||
}, |
|||
header: { |
|||
'token': uni.getStorageSync('accessToken') |
|||
}, |
|||
success: (res) => { |
|||
uni.hideLoading() |
|||
console.log('走进核身返回数据---',res ) |
|||
if (res.data.code != 200) { |
|||
uni.showToast({ |
|||
title: '核身失败', |
|||
icon: "none", |
|||
mask: true, |
|||
}) |
|||
that.againEvent() |
|||
return |
|||
} else { |
|||
that.$u.route({ |
|||
type: 'tab', |
|||
url: '/pages/tabbar/index/index' |
|||
}); |
|||
} |
|||
console.log('res', 1111, res) |
|||
}, |
|||
fail:(res)=>{ |
|||
console.log('核身失败原因---', res) |
|||
} |
|||
|
|||
}) |
|||
|
|||
}, |
|||
// 失败后重新拉起人脸识别 |
|||
againEvent() { |
|||
uni.hideLoading() |
|||
this.count++ |
|||
if (this.count >= 5) { |
|||
uni.showToast({ |
|||
title: '核身失败', |
|||
icon: "none", |
|||
mask: true, |
|||
}) |
|||
return uni.navigateBack() |
|||
|
|||
} |
|||
setTimeout((res => { |
|||
this.isload = false |
|||
this.tempImg = false |
|||
this.isAuthCamera = true |
|||
this.devicePosition = true |
|||
}), 1500) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
page { |
|||
background: #fff; |
|||
} |
|||
|
|||
.page-content { |
|||
width: 100%; |
|||
height: 100%; |
|||
|
|||
.containerV { |
|||
width: 100%; |
|||
height: 100%; |
|||
|
|||
.headerV { |
|||
.top-tips1 { |
|||
margin-top: 60rpx; |
|||
color: #1C1C1C; |
|||
font-size: 36rpx; |
|||
text-align: center; |
|||
} |
|||
|
|||
.top-tips2 { |
|||
margin-top: 20rpx; |
|||
color: #00AAFF; |
|||
font-size: 28rpx; |
|||
text-align: center; |
|||
} |
|||
} |
|||
|
|||
.contentVLine { |
|||
// border-radius:50%; |
|||
// width: 450rpx; |
|||
// height: 450rpx; |
|||
// overflow: hidden; |
|||
// margin: 0 auto; |
|||
// border:100rpx solid #fff; |
|||
// position: absolute; |
|||
// left: 0; |
|||
// top: 0; |
|||
// z-index: 99; |
|||
} |
|||
|
|||
.contentV { |
|||
position: relative; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
margin-top: 30rpx; |
|||
width: 450rpx; |
|||
height: 450rpx; |
|||
margin: 80rpx auto; |
|||
border-radius: 50%; |
|||
border: 20px solid #eee; |
|||
border-radius: 50%; |
|||
|
|||
.tipV { |
|||
bottom: 30rpx; |
|||
position: absolute; |
|||
line-height: 90rpx; |
|||
padding-left: 24rpx; |
|||
padding-right: 24rpx; |
|||
max-width: calc(100vw - 50rpx * 2); |
|||
text-align: center; |
|||
font-size: 30rpx; |
|||
background: #000000; |
|||
opacity: 0.75; |
|||
color: #FFFFFF; |
|||
border-radius: 16rpx; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
z-index: 5; |
|||
} |
|||
|
|||
.camera { |
|||
width: 450rpx !important; |
|||
height: 450rpx !important; |
|||
border-radius: 50% !important; |
|||
overflow: hidden; |
|||
position: absolute; |
|||
left: -38rpx; |
|||
top: -38rpx; |
|||
z-index: -1; |
|||
} |
|||
|
|||
.mark { |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
z-index: 2; |
|||
width: 100%; |
|||
height: 100%; |
|||
// background:deeppink; |
|||
background-size: 750rpx 661rpx; |
|||
} |
|||
|
|||
image { |
|||
position: absolute; |
|||
width: 450rpx; |
|||
height: 450rpx; |
|||
z-index: 3; |
|||
border-radius: 50%; |
|||
} |
|||
} |
|||
|
|||
.footerV { |
|||
width: 100%; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
|
|||
.privacyV { |
|||
padding-top: 30rpx; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
|
|||
.text { |
|||
font-size: 30rpx; |
|||
color: #1C1C1C; |
|||
text-align: center; |
|||
line-height: 42rpx; |
|||
margin-left: 15rpx; |
|||
|
|||
text { |
|||
font-size: 30rpx; |
|||
color: #00AAFF; |
|||
text-align: center; |
|||
line-height: 42rpx; |
|||
} |
|||
} |
|||
|
|||
.icon { |
|||
width: 40rpx; |
|||
height: 47rpx; |
|||
background: green; |
|||
background-size: 100% auto; |
|||
} |
|||
} |
|||
|
|||
.bottom-tips-2 { |
|||
margin-top: 20rpx; |
|||
color: #999999; |
|||
text-align: center; |
|||
font-size: 26rpx; |
|||
} |
|||
|
|||
.take-photo-bgV { |
|||
width: 100%; |
|||
margin-top: 30rpx; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
|
|||
.btn-take-photo { |
|||
margin: 0rpx 80rpx 0rpx 80rpx; |
|||
width: 196rpx; |
|||
height: 196rpx; |
|||
background: yellow; |
|||
background-size: 100% auto; |
|||
} |
|||
|
|||
.btn-change-upload { |
|||
left: 130rpx; |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
background: blue; |
|||
background-size: 100% auto; |
|||
} |
|||
|
|||
.btn-change-camera { |
|||
right: 130rpx; |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
background: red; |
|||
background-size: 100% auto; |
|||
} |
|||
} |
|||
|
|||
.confirmV { |
|||
margin: 200rpx 100rpx 0rpx 100rpx; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
|
|||
.btn-cancel { |
|||
font-size: 32rpx; |
|||
color: #1C1C1C; |
|||
} |
|||
|
|||
.btn-ok { |
|||
font-size: 32rpx; |
|||
color: #00AAFF; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue