unknown
1 year ago
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
-
187pages/indexEntry/enroll/registInfo/registInfo.vue
-
10pages/indexEntry/examines/allExamines/allExamines.vue
-
3pages/indexEntry/examines/comp/examineItem.vue
-
1pages/indexEntry/examines/newsDetail/newsDetail.vue
-
10pages/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
-
9pages/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
-
44pages/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