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,72 +51,110 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.nav-bar {
|
.container {
|
||||||
.image {
|
.nav-bar {
|
||||||
width: 48rpx;
|
.image {
|
||||||
height: 48rpx;
|
width: 48rpx;
|
||||||
}
|
height: 48rpx;
|
||||||
|
}
|
||||||
|
|
||||||
::v-deep .uni-navbar--border {
|
::v-deep .uni-navbar--border {
|
||||||
border: none !important;
|
border: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-bar-center {
|
.nav-bar-center {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: rgba(43, 43, 53, 0.4);
|
color: rgba(43, 43, 53, 0.4);
|
||||||
|
|
||||||
.nav-select {
|
.nav-select {
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #08080D;
|
||||||
|
padding-right: 15rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-select::after {
|
||||||
|
display: inline-block;
|
||||||
|
width: 28rpx;
|
||||||
|
height: 24rpx;
|
||||||
|
content: '';
|
||||||
|
background-image: url(../../../static/common/icon-halving.png);
|
||||||
|
background-size: 100% 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-bar-right {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
font-weight: 600;
|
|
||||||
color: #08080D;
|
color: #08080D;
|
||||||
padding-right: 15rpx;
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-select::after {
|
|
||||||
|
|
||||||
|
padding: 28rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
::v-deep .uni-calendar-item__weeks-box-circle {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .uni-calendar-item--extra {
|
||||||
|
color: rgba(43, 43, 53, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .uni-calendar-item__weeks-box {
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .uni-calendar-item--checked {
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .uni-calendar-item--isDay {
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.same-day-data {
|
||||||
|
h4 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 28rpx;
|
width: 128 rpx;
|
||||||
height: 24rpx;
|
|
||||||
content: '';
|
|
||||||
background-image: url(../../../static/common/icon-halving.png);
|
|
||||||
background-size: 100% 100%;
|
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
width: 80rpx;
|
||||||
|
height: 14rpx;
|
||||||
|
background-image: url(../../../static/common/rectangle.png);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-bar-right {
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #08080D;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.calendar {
|
|
||||||
padding: 28rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
|
|
||||||
::v-deep .uni-calendar-item__weeks-box-circle {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .uni-calendar-item--extra {
|
|
||||||
color: rgba(43, 43, 53, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .uni-calendar-item__weeks-box {
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .uni-calendar-item--checked {
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .uni-calendar-item--isDay {
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
</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 |