fix:增加骑行数据部分页面
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="container">
|
||||
<view class="nav-bar" :style="{'paddingTop':menuButtonTop?menuButtonTop+'rpx':0}">
|
||||
<uni-nav-bar>
|
||||
<template v-slot:left>
|
||||
|
@ -15,9 +15,19 @@
|
|||
</uni-nav-bar>
|
||||
</view>
|
||||
<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"
|
||||
@monthSwitch="monthSwitch" />
|
||||
</view>
|
||||
<view class="same-day-data">
|
||||
<h4>当日数据</h4>
|
||||
<view class="">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
@ -41,72 +51,110 @@
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.nav-bar {
|
||||
.image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
.container {
|
||||
.nav-bar {
|
||||
.image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
::v-deep .uni-navbar--border {
|
||||
border: none !important;
|
||||
}
|
||||
::v-deep .uni-navbar--border {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.nav-bar-center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
color: rgba(43, 43, 53, 0.4);
|
||||
|
||||
.nav-select {
|
||||
.nav-bar-center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
color: rgba(43, 43, 53, 0.4);
|
||||
|
||||
.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-weight: 600;
|
||||
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;
|
||||
width: 28rpx;
|
||||
height: 24rpx;
|
||||
content: '';
|
||||
background-image: url(../../../static/common/icon-halving.png);
|
||||
background-size: 100% 100%;
|
||||
width: 128 rpx;
|
||||
|
||||
&::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>
|
|
@ -28,14 +28,6 @@
|
|||
</view>
|
||||
<swiper :indicator-dots="true" circular current="1" :autoplay="false" :interval="3000"
|
||||
: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>
|
||||
<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"
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
<div class="box_10 flex-row">
|
||||
<div class="image-text_3 flex-row justify-between">
|
||||
<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>
|
||||
|
|
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 |