35 changed files with 1157 additions and 178 deletions
-
24common/js/utils.js
-
45components/callPhone/callPhone.vue
-
34components/mySelect/mySelect.vue
-
13manifest.json
-
9pages.json
-
2pages/indexEntry/consult/consult.vue
-
3pages/indexEntry/consult/pubComplaint/pubComplaint.vue
-
2pages/indexEntry/consult/pubConsult/pubConsult.vue
-
19pages/indexEntry/consult/record/comp/complaintItem.vue
-
19pages/indexEntry/consult/record/comp/consultItem.vue
-
1pages/indexEntry/consult/record/record.vue
-
2pages/indexEntry/credit/credit.vue
-
100pages/indexEntry/enroll/registInfo/chooseCoach/chooseCoach.vue
-
101pages/indexEntry/enroll/registInfo/comp/oldDrive.vue
-
102pages/indexEntry/enroll/registInfo/comp/searchSchool.vue
-
191pages/indexEntry/enroll/registInfo/registInfo.vue
-
10pages/indexEntry/examines/allExamines/allExamines.vue
-
9pages/indexEntry/examines/comp/examineItem.vue
-
1pages/indexEntry/examines/newsDetail/newsDetail.vue
-
16pages/indexEntry/findShcool/comp/schoolItem.vue
-
12pages/indexEntry/findShcool/findShcool.vue
-
27pages/indexEntry/findShcool/screen/screen.vue
-
2pages/indexEntry/findShcool/searchShcool/searchShcool.vue
-
2pages/indexEntry/findShcool/shcoolDetail/comp/tab1.vue
-
15pages/indexEntry/findShcool/shcoolDetail/shcoolDetail.vue
-
4pages/indexEntry/iIndustryInfo/detail/detail.vue
-
3pages/indexEntry/iIndustryInfo/iIndustryInfo.vue
-
3pages/indexEntry/industryPolicy/industryPolicy.vue
-
364pages/mineEntry/carData/carData - 副本.vue
-
178pages/mineEntry/carData/carData.vue
-
20pages/mineEntry/carData/columnChart.vue
-
BINstatic/images/index/img_6@2x.png
-
BINstatic/images/index/img_7@2x.png
-
BINstatic/images/index/img_8@2x.png
-
2uni_modules/charts/js_sdk/u-charts/config-ucharts.js
@ -0,0 +1,45 @@ |
|||
<template> |
|||
<view class="box"> |
|||
<view class="phoneIcon" @click.stop="show=true"> |
|||
<slot></slot> |
|||
</view> |
|||
<u-action-sheet :actions="servicePhone" :show="show" @select="callPhoneClick" :closeOnClickOverlay="true" @close="show=false" cancelText="取消"></u-action-sheet> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
servicePhone: [ |
|||
{name: '18267103167'}, |
|||
{name: '18267103168'}, |
|||
], |
|||
show: false |
|||
} |
|||
}, |
|||
methods: { |
|||
callPhoneClick(item) { |
|||
|
|||
let phone = item.name |
|||
// #ifdef MP-WEIXIN |
|||
this.$u.utils.callPhone(phone) |
|||
// #endif |
|||
|
|||
// #ifdef H5 |
|||
var a = document.createElement('a') |
|||
a.setAttribute('href', 'tel:'+ phone) |
|||
document.body.appendChild(a) |
|||
a.click() |
|||
console.log(phone) |
|||
// #endif |
|||
|
|||
this.show =false |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
@ -0,0 +1,34 @@ |
|||
<template> |
|||
<view class="mySelect"> |
|||
<view class="text hui" v-if="!value">{{ placeholder }}</view> |
|||
<view class="text" v-else>{{ value }}</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: { |
|||
value: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
placeholder: { |
|||
type: String, |
|||
default: '请选择' |
|||
} |
|||
}, |
|||
data() { |
|||
return {} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.mySelect { |
|||
color: #333; |
|||
font-size: 26rpx; |
|||
.hui { |
|||
color: #ADADAD; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,100 @@ |
|||
<template> |
|||
<view class="main"> |
|||
<u-sticky> |
|||
<view class="searchBox"> |
|||
<u-search placeholder="请输入教练姓名" v-model="params.coachName" :show-action="false" @search="searchFn"> </u-search> |
|||
</view> |
|||
</u-sticky> |
|||
|
|||
<view class="ul"> |
|||
<view class="li" v-for="(item,index) in list" :key="index" @click="chooseClick(item)"> |
|||
<view class="leftT">{{item.coachName}}</view> |
|||
<view class="rigthT">{{item.mobilePhone}}</view> |
|||
</view> |
|||
</view> |
|||
<u-loadmore :status="status" v-if="list.length>30" :icon-type="'flower'" /> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
// import learnDrive from '@/api/learnDrive.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
keyword: '', |
|||
trainingSchoolId: '', |
|||
list: [ |
|||
{coachName: '张教练', mobilePhone: '15698236123'} |
|||
], |
|||
params: { |
|||
pageIndex: 1, |
|||
pageSize: 30, |
|||
trainingSchoolId: '' |
|||
}, |
|||
status: 'loadmore', |
|||
|
|||
} |
|||
}, |
|||
onLoad(options) { |
|||
this.params.trainingSchoolId = options.trainingSchoolId |
|||
this.querySchoolCoachFn() |
|||
}, |
|||
|
|||
onReachBottom() { |
|||
if(status=='nomore') return |
|||
this.querySchoolCoachFn() |
|||
|
|||
}, |
|||
methods: { |
|||
chooseClick(item) { |
|||
this.$store.commit('upDateCoachItem', item) |
|||
uni.navigateBack() |
|||
}, |
|||
searchFn() { |
|||
this.list = [] |
|||
this.params.pageIndex = 1 |
|||
this.status = 'loadmore' |
|||
this.querySchoolCoachFn() |
|||
}, |
|||
// 获取教练 |
|||
async querySchoolCoachFn() { |
|||
// const [nulls, res] = await learnDrive.querySchoolCoach(this.params) |
|||
// this.list.push(...res.data) |
|||
// this.params.pageIndex ++ |
|||
// if(res.data.length<this.params.pageSize) { |
|||
// this.status = 'nomore' |
|||
// } |
|||
// console.log('获取教练') |
|||
// console.log(res) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.main { |
|||
background-color: #f8f8f8; |
|||
.searchBox { |
|||
background-color: #fff; |
|||
padding: 16rpx 32rpx; |
|||
} |
|||
} |
|||
.ul { |
|||
width: 100%; |
|||
border-bottom: 10rpx solid #f8f8f8; |
|||
font-size: 30rpx; |
|||
padding: 0 32rpx; |
|||
color: #333333; |
|||
background-color: #fff; |
|||
.li { |
|||
width: 100%; |
|||
height: 98rpx; |
|||
line-height: 98rpx; |
|||
display: flex; |
|||
font-size: 30rpx; |
|||
justify-content: space-between; |
|||
align-center: center; |
|||
border-bottom: 1px solid #F5F7FA; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,101 @@ |
|||
<template> |
|||
<view class="carBox"> |
|||
<view class="carh1">学驾车型</view> |
|||
<view v-for="(item,index) in carTypeArr" :key="index" class="carLi"> |
|||
<view class="carType">{{item.lab}}</view> |
|||
<view class="carName_row"> |
|||
<view class="carName" v-for="(item2,index2) in item.arr" :key="index2" @click="pickerCarClick(item2)" :class="{active: pickerCarArr.indexOf(item2) > -1}">{{item2}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="payBtn_row"> |
|||
<view class="btnBorder btn" @click="pickerCar()">重置</view> |
|||
<view class="btnBg btn" @click="pickerCar(1)">完成</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
carTypeArr: [ |
|||
{lab: '小车',arr: ['C1','C2','C3']}, |
|||
{lab: '货车',arr: ['A2','B2',]}, |
|||
{lab: '客车',arr: ['A1','A3','B1']}, |
|||
{lab: '摩托车',arr: ['D','E','F']}, |
|||
{lab: '其它',arr: ['C4','C5','C6']}, |
|||
], |
|||
pickerCarArr: [], |
|||
} |
|||
}, |
|||
methods: { |
|||
pickerCar(num) { |
|||
if(num==1) { |
|||
if(!this.pickerCarArr.length) return this.$u.toast('请选择学驾车型') |
|||
let oldDriveModel = this.pickerCarArr.join(',') |
|||
this.$emit('pickerOldDrive', oldDriveModel) |
|||
}else { |
|||
this.pickerCarArr = [] |
|||
this.form.oldDriveModel = '' |
|||
} |
|||
}, |
|||
pickerCarClick(item) { |
|||
let index = this.pickerCarArr.indexOf(item) |
|||
if(index>-1) { |
|||
this.pickerCarArr.splice(index, 1); |
|||
}else { |
|||
this.pickerCarArr.push(item) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.carBox { |
|||
width: 100%; |
|||
.carh1 { |
|||
font-size: 26rpx; |
|||
font-weight: 700; |
|||
text-align: center; |
|||
padding: 30rpx 0 0 0; |
|||
} |
|||
.carLi { |
|||
width: 100%; |
|||
margin-bottom: 30rpx; |
|||
padding: 0 32rpx; |
|||
} |
|||
.carType { |
|||
font-size: 26rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
padding: 28rpx 12rpx 12rpx 0; |
|||
} |
|||
.carName_row { |
|||
display: flex; |
|||
.carName { |
|||
margin-right: 40rpx; |
|||
width: 88rpx; |
|||
height: 56rpx; |
|||
background: #F6F7F8; |
|||
border-radius: 28rpx; |
|||
line-height: 56rpx; |
|||
text-align: center; |
|||
color: #686B73; |
|||
&.active { |
|||
background: #ECF7FE; |
|||
border: 1px solid #3593FB; |
|||
color: #1989FA; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.payBtn_row { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
padding: 30rpx; |
|||
.btn { |
|||
width: 48%; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,102 @@ |
|||
<template> |
|||
<!-- 选择驾校弹出框 --> |
|||
|
|||
<view class="box"> |
|||
<view class="schoolTit"> |
|||
选择驾校 |
|||
</view> |
|||
<view class="searchBox"> |
|||
<u-search placeholder="请输入驾校名称" v-model.trim="keyword" @search="searchSchool" @custom="searchSchool"> |
|||
</u-search> |
|||
</view> |
|||
<scroll-view scroll-y="true" style="height: calc(100% - 180rpx);" @scrolltolower="loadMore"> |
|||
<view class="ul"> |
|||
<view class="li" v-for="(item,index) in list" :key="index" @click="chooseSchool(item)"> |
|||
<view class="name"> |
|||
{{item.schoolName}} |
|||
</view> |
|||
<view class="starText"> |
|||
{{item.starLevel}}分 |
|||
</view> |
|||
<!-- <view class="distance"> |
|||
{{ $u.utils.distanceFn(item.distance)}} |
|||
</view> --> |
|||
</view> |
|||
</view> |
|||
<u-loadmore :status="status" icon-type="circle" /> |
|||
</scroll-view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
keyword: '', |
|||
status: 'loadmore', |
|||
list: [ |
|||
{schoolName: '翔力驾校',starLevel: 5, } |
|||
] |
|||
} |
|||
}, |
|||
methods: { |
|||
// 选择驾校 |
|||
chooseSchool(item) { |
|||
this.$emit('chooseSchool', item) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.schoolTit { |
|||
line-height: 90rpx; |
|||
text-align: center; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.searchBox { |
|||
width: 100%; |
|||
padding: 0 20rpx 20rpx 20rpx; |
|||
border-bottom: 1rpx solid #ededed; |
|||
} |
|||
|
|||
.ul { |
|||
width: 100%; |
|||
padding: 0 20rpx; |
|||
|
|||
.li { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
height: 90rpx; |
|||
font-size: 24rpx; |
|||
border-bottom: 1rpx solid #ededed; |
|||
|
|||
&:last-child { |
|||
border: none; |
|||
} |
|||
|
|||
.name { |
|||
width: 0; |
|||
flex: 1; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.starText { |
|||
color: red; |
|||
width: 100rpx; |
|||
text-align: right; |
|||
flex-shrink: 0; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.distance { |
|||
width: 120rpx; |
|||
text-align: right; |
|||
flex-shrink: 0; |
|||
white-space: nowrap; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,364 @@ |
|||
<template> |
|||
<view class="myData pad" id="app"> |
|||
<topNavbar title=""></topNavbar> |
|||
<view class="topText"> |
|||
<view class="h3">专属您的</view> |
|||
<view class="h4">学车数据</view> |
|||
</view> |
|||
<view class="card"> |
|||
<view class="row"> |
|||
<view class="leftCon"> |
|||
<view class="icon"> |
|||
<image src="@/static/images/userCenter/ic_jiaxiao.png" mode=""></image> |
|||
</view> |
|||
<view class="text">我的驾校</view> |
|||
</view> |
|||
<view class="value">翔力驾校</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="leftCon"> |
|||
<view class="icon"> |
|||
<image src="@/static/images/userCenter/ic_jiaolian.png" mode=""></image> |
|||
</view> |
|||
<view class="text">我的教练</view> |
|||
</view> |
|||
<view class="value">xxx</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="leftCon"> |
|||
<view class="icon"> |
|||
<image src="@/static/images/userCenter/ic_chexing.png" mode=""></image> |
|||
</view> |
|||
<view class="text">所学车型</view> |
|||
</view> |
|||
<view class="value">xxx</view> |
|||
</view> |
|||
<view class="row"> |
|||
<view class="leftCon"> |
|||
<view class="icon"> |
|||
<image src="@/static/images/userCenter/ic_shijian.png" mode=""></image> |
|||
</view> |
|||
<view class="text">报名时间</view> |
|||
</view> |
|||
<view class="value">xxx</view> |
|||
</view> |
|||
</view> |
|||
<!-- 学驾共历时 --> |
|||
<view class="card"> |
|||
<view class="chart_row"> |
|||
<view class="leftText"> |
|||
<view class="lab">学驾共历时</view> |
|||
<view class="val">33天</view> |
|||
</view> |
|||
<view class="rightChart"> |
|||
<ringChart /> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<!-- 考试通过率 --> |
|||
<view class="card"> |
|||
<view class="chart_row"> |
|||
<view class="leftText" style="width: 200rpx;"> |
|||
<view class="lab">考试通过率</view> |
|||
<view class="val">90%</view> |
|||
</view> |
|||
<view class="rightChart pad28"> |
|||
<view class="blueBg"> |
|||
<columnChart/> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="flex-b"> |
|||
<view class="count card"> |
|||
<view class="lab">实操练习次数</view> |
|||
<view class="val">20次</view> |
|||
</view> |
|||
<view class="count card"> |
|||
<view class="lab">模拟训练次数</view> |
|||
<view class="val">20次</view> |
|||
</view> |
|||
</view> |
|||
<view class="btnBorder" @click="destImgFn">立即分享</view> |
|||
<!-- <button @click="shareFn" open-type="share">立即分享</button> --> |
|||
<canvas canvas-id="canvas" style="width: 350px; height: 350px;" class="canvas">3333</canvas> |
|||
<view class="img" style="width: 300px; height: 300px;"> |
|||
<image :src="shareImageUrl" mode=""></image> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import ringChart from './ringChart.vue' |
|||
import columnChart from './columnChart' |
|||
export default { |
|||
components: { ringChart, columnChart }, |
|||
data() { |
|||
return { |
|||
shareImageUrl: '' |
|||
} |
|||
}, |
|||
onReady() { |
|||
this.destImgFn() |
|||
}, |
|||
|
|||
methods: { |
|||
captureCanvas() { |
|||
// 获取 Canvas 组件实例 |
|||
const canvas = uni.createCanvasContext('myCanvas', this); |
|||
|
|||
// 绘制需要的内容 |
|||
canvas.setFontSize(20); |
|||
canvas.fillText('Hello, Canvas!', 50, 50); |
|||
|
|||
// 绘制完成后执行截屏操作 |
|||
canvas.draw(true, () => { |
|||
uni.canvasToTempFilePath({ |
|||
canvasId: 'myCanvas', |
|||
fileType: 'png', |
|||
success: (res) => { |
|||
console.log('截屏成功', res.tempFilePath); |
|||
}, |
|||
fail: (err) => { |
|||
console.log('截屏失败', err); |
|||
} |
|||
}, this); |
|||
}); |
|||
}, |
|||
destImgFn() { |
|||
this.$nextTick(()=>{ |
|||
// uni.canvasToTempFilePath({ |
|||
// x: 0, |
|||
// y: 0, |
|||
// width: 350, |
|||
// height: 350, |
|||
// destWidth: 350, |
|||
// destHeight: 350, |
|||
// canvasId: 'canvas', |
|||
// success: function(res) { |
|||
// // 在H5平台下，tempFilePath 为 base64 |
|||
// console.log(res.tempFilePath) |
|||
// } |
|||
// },this) |
|||
|
|||
// return |
|||
let _this = this |
|||
uni.createSelectorQuery().select('#app').boundingClientRect((rect) => { |
|||
console.log(rect) |
|||
const context = uni.createCanvasContext('canvas') |
|||
context.draw(true, () => { |
|||
setTimeout(()=>{ |
|||
uni.canvasToTempFilePath({ |
|||
x: 0, |
|||
y: 0, |
|||
fileType:'png', |
|||
width: 200, |
|||
height: 200, |
|||
// destWidth: rect.width * uni.getSystemInfoSync().pixelRatio, |
|||
// destHeight: rect.height * uni.getSystemInfoSync().pixelRatio, |
|||
canvasId: 'canvas', |
|||
success: (res) => { |
|||
console.log('截图成功') |
|||
console.log(res) |
|||
uni.showToast({ |
|||
title: '截图成功', |
|||
icon: 'none' |
|||
}) |
|||
// uni.hideToast() |
|||
// 将截屏图片路径保存至storage或全局变量，以便后续分享使用 |
|||
_this.shareImageUrl = res.tempFilePath |
|||
console.log(_this.shareImageUrl) |
|||
}, |
|||
fail: (error) => { |
|||
console.log('截图失败') |
|||
console.log(error) |
|||
// uni.hideToast() |
|||
uni.showToast({ |
|||
title: '截图失败', |
|||
icon: 'none' |
|||
}) |
|||
}, |
|||
}) |
|||
},2000) |
|||
}) |
|||
|
|||
}).exec() |
|||
}) |
|||
}, |
|||
shareFn() { |
|||
let _this = this |
|||
// uni.share({ |
|||
// provider: "weixin", |
|||
// scene: "WXSceneSession", |
|||
// type: 2, |
|||
// imageUrl: _this.shareImageUrl, |
|||
// success: function (res) { |
|||
// console.log("success:" + JSON.stringify(res)); |
|||
// }, |
|||
// fail: function (err) { |
|||
// console.log("fail:" + JSON.stringify(err)); |
|||
// } |
|||
// }); |
|||
uni.showShareMenu({ |
|||
withShareTicket: true, |
|||
success: () => { |
|||
uni.showShareImageMenu({ |
|||
path: _this.shareImageUrl, |
|||
success: (res) => { |
|||
console.log('分享成功', res) |
|||
}, |
|||
fail: (error) => { |
|||
console.log('分享失败', error) |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
|
|||
}, |
|||
// 在分享按钮的点击事件中调用分享API |
|||
onShareImageBtnClick() { |
|||
wx.showShareMenu({ |
|||
withShareTicket: true, |
|||
success: () => { |
|||
wx.shareAppMessage({ |
|||
imageUrl: '/image/share-image.jpg', |
|||
success: (res) => { |
|||
console.log('分享成功', res) |
|||
}, |
|||
fail: (error) => { |
|||
console.log('分享失败', error) |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.myData { |
|||
width: 100%; |
|||
background: url('http://192.168.1.20:81/zhili/image/20230818/409dca21dfec44eb8477e056ee23e437.png') #f6f6f6 no-repeat; |
|||
background-size: 100% 544rpx; |
|||
min-height: 100vh; |
|||
font-size: 28rpx; |
|||
padding-bottom: 40rpx; |
|||
|
|||
.topText { |
|||
padding: 56rpx 34rpx 84rpx 34rpx; |
|||
color: #fff; |
|||
font-weight: 600; |
|||
|
|||
.h3 { |
|||
font-size: 42rpx; |
|||
} |
|||
|
|||
.h4 { |
|||
font-size: 64rpx; |
|||
} |
|||
} |
|||
|
|||
.card { |
|||
padding: 0 24rpx; |
|||
margin-bottom: 20rpx; |
|||
|
|||
.row { |
|||
display: flex; |
|||
border-bottom: 2rpx solid #E8E9EC; |
|||
height: 102rpx; |
|||
align-items: center; |
|||
|
|||
.leftCon { |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
.icon { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
|
|||
.text { |
|||
font-size: 28rpx; |
|||
padding: 0 40rpx 0 12rpx; |
|||
} |
|||
} |
|||
|
|||
.value { |
|||
font-size: 28rpx; |
|||
color: #1989FA; |
|||
flex: 1; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.count { |
|||
width: 48%; |
|||
height: 196rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 16rpx; |
|||
text-align: center; |
|||
|
|||
.lab { |
|||
margin: 36rpx 0 28rpx 0; |
|||
} |
|||
|
|||
.val { |
|||
font-weight: 500; |
|||
font-size: 40rpx; |
|||
color: $themC; |
|||
} |
|||
} |
|||
|
|||
|
|||
.btnBorder { |
|||
width: 396rpx; |
|||
margin: 48rpx auto 0 auto; |
|||
} |
|||
} |
|||
|
|||
.chart_row { |
|||
height: 300rpx; |
|||
border-radius: 16rpx; |
|||
display: flex; |
|||
|
|||
.leftText { |
|||
width: 270rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
|
|||
.lab { |
|||
margin: 0rpx 0 24rpx 0; |
|||
} |
|||
|
|||
.val { |
|||
font-weight: 500; |
|||
font-size: 40rpx; |
|||
color: $themC; |
|||
} |
|||
} |
|||
|
|||
.rightChart { |
|||
width: 0; |
|||
flex: 1; |
|||
&.pad28 { |
|||
padding: 28rpx 0; |
|||
} |
|||
.blueBg { |
|||
padding: 20rpx 0 10rpx 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background-color: #F2F8FF; |
|||
} |
|||
} |
|||
} |
|||
.img { |
|||
width: 100vw; |
|||
height: 100vh; |
|||
} |
|||
</style> |
|||
|
Before Width: 80 | Height: 80 | Size: 2.6 KiB After Width: 80 | Height: 80 | Size: 3.4 KiB |
|
After Width: 80 | Height: 80 | Size: 3.4 KiB |
|
After Width: 80 | Height: 80 | Size: 2.4 KiB |
Write
Preview
Loading…
Cancel
Save
Reference in new issue