fix:增加骑行数据部分页面
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<view>
|
<view class="container">
|
||||||
<view class="nav-bar" :style="{'paddingTop':menuButtonTop?menuButtonTop+'rpx':0}">
|
<view class="nav-bar" :style="{'paddingTop':menuButtonTop?menuButtonTop+'rpx':0}">
|
||||||
<uni-nav-bar>
|
<uni-nav-bar>
|
||||||
<template v-slot:left>
|
<template v-slot:left>
|
||||||
|
@ -15,9 +15,19 @@
|
||||||
</uni-nav-bar>
|
</uni-nav-bar>
|
||||||
</view>
|
</view>
|
||||||
<view class="calendar">
|
<view class="calendar">
|
||||||
|
<view class="calendar-title">
|
||||||
|
<text>App数据</text>
|
||||||
|
<text>App骑行为本地数据,升级Vip可同步设备数据</text>
|
||||||
|
</view>
|
||||||
<uni-calendar class="uni-calendar--hook" :selected="info.selected" :showMonth="false" @change="change"
|
<uni-calendar class="uni-calendar--hook" :selected="info.selected" :showMonth="false" @change="change"
|
||||||
@monthSwitch="monthSwitch" />
|
@monthSwitch="monthSwitch" />
|
||||||
</view>
|
</view>
|
||||||
|
<view class="same-day-data">
|
||||||
|
<h4>当日数据</h4>
|
||||||
|
<view class="">
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -41,6 +51,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.container {
|
||||||
.nav-bar {
|
.nav-bar {
|
||||||
.image {
|
.image {
|
||||||
width: 48rpx;
|
width: 48rpx;
|
||||||
|
@ -85,6 +96,27 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar {
|
.calendar {
|
||||||
|
.calendar-title {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.calendar-title:first-child text {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
& text:first-child {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
& text:last-child {
|
||||||
|
font-size: 24rpx;
|
||||||
|
padding-top: 12rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
padding: 28rpx;
|
padding: 28rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
@ -109,4 +141,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.same-day-data {
|
||||||
|
h4 {
|
||||||
|
display: inline-block;
|
||||||
|
width: 128 rpx;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
width: 80rpx;
|
||||||
|
height: 14rpx;
|
||||||
|
background-image: url(../../../static/common/rectangle.png);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -28,14 +28,6 @@
|
||||||
</view>
|
</view>
|
||||||
<swiper :indicator-dots="true" circular current="1" :autoplay="false" :interval="3000"
|
<swiper :indicator-dots="true" circular current="1" :autoplay="false" :interval="3000"
|
||||||
:duration="1000" class="details-swiper">
|
:duration="1000" class="details-swiper">
|
||||||
<swiper-item>
|
|
||||||
<image src="../../../../static/logo.png" mode="scaleToFill" class="image"></image>
|
|
||||||
</swiper-item>
|
|
||||||
<swiper-item>
|
|
||||||
<image src="../../../../static/common/112.webp" mode="scaleToFill" class="image"
|
|
||||||
@click="handPreviewImage(['https://ts1.cn.mm.bing.net/th?id=OIP-C.7pldmOaHsIlsAGsWmA4SawHaE8&w=306&h=204&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2'])">
|
|
||||||
</image>
|
|
||||||
</swiper-item>
|
|
||||||
<swiper-item>
|
<swiper-item>
|
||||||
<image
|
<image
|
||||||
src="https://ts1.cn.mm.bing.net/th?id=OIP-C.7pldmOaHsIlsAGsWmA4SawHaE8&w=306&h=204&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2"
|
src="https://ts1.cn.mm.bing.net/th?id=OIP-C.7pldmOaHsIlsAGsWmA4SawHaE8&w=306&h=204&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2"
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
<div class="box_10 flex-row">
|
<div class="box_10 flex-row">
|
||||||
<div class="image-text_3 flex-row justify-between">
|
<div class="image-text_3 flex-row justify-between">
|
||||||
<img class="label_1" referrerpolicy="no-referrer"
|
<img class="label_1" referrerpolicy="no-referrer"
|
||||||
src="../../static/login/login-logo.png" />
|
src="https://rzyx-tycm.bj.bcebos.com/prod/model/login-logo.png" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Before Width: | Height: | Size: 118 KiB |
After Width: | Height: | Size: 864 B |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 77 KiB |
Before Width: | Height: | Size: 7.7 KiB |
Before Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 3.9 KiB |