style: 💄 修改部分页面UI
parent
529175c0ab
commit
2e37cb8158
|
@ -98,7 +98,7 @@ export default {
|
||||||
.nav-list {
|
.nav-list {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 40rpx 0;
|
padding: 40rpx 0;
|
||||||
background: $aider-light-color;
|
background: linear-gradient(91deg, $light-color 1%, $aider-light-color 99%);
|
||||||
}
|
}
|
||||||
.total {
|
.total {
|
||||||
padding: 10rpx 0;
|
padding: 10rpx 0;
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
<view>{{ item.content }}</view>
|
<view>{{ item.content }}</view>
|
||||||
<view>{{ item.createTime}}</view>
|
<view>{{ item.createTime}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view><span>{{item.pointType == "INCREASE" ? '+' : '-'}}</span>{{ item.variablePoint }}</view>
|
<view :class="[item.pointType == 'INCREASE' ? 'plus' : 'reduce']"><span>{{item.pointType == "INCREASE" ? '+' : '-'}}</span>{{ item.variablePoint }}</view>
|
||||||
</view>
|
</view>
|
||||||
<uni-load-more :status="count.loadStatus"></uni-load-more>
|
<uni-load-more :status="count.loadStatus"></uni-load-more>
|
||||||
</div>
|
</div>
|
||||||
|
@ -109,6 +109,14 @@ export default {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
.plus{
|
||||||
|
color: $light-color;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.reduce{
|
||||||
|
color: $weChat-color;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.point-item {
|
.point-item {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -150,7 +158,7 @@ export default {
|
||||||
border-right: 1px solid $border-color-light;
|
border-right: 1px solid $border-color-light;
|
||||||
}
|
}
|
||||||
.pcolor {
|
.pcolor {
|
||||||
color: #4ebb9d;
|
color: $light-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -168,7 +176,7 @@ export default {
|
||||||
.portrait-box {
|
.portrait-box {
|
||||||
background-color: $main-color;
|
background-color: $main-color;
|
||||||
height: 250rpx;
|
height: 250rpx;
|
||||||
background: linear-gradient(134deg, #28d094 2%, #1abc9c 98%);
|
background: linear-gradient(91deg, $light-color 1%, $aider-light-color 99%);
|
||||||
border-radius: 20rpx 20rpx 0 0;
|
border-radius: 20rpx 20rpx 0 0;
|
||||||
margin: 20rpx 20rpx 0;
|
margin: 20rpx 20rpx 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
@ -701,6 +701,7 @@ page {
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-color {
|
.main-color {
|
||||||
|
color: $main-color;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="category-wrap">
|
<view class="category-wrap">
|
||||||
<u-navbar class="navbar" :is-back="false">
|
<u-navbar class="navbar" :is-back="false">
|
||||||
<div class="title"> 商品分类</div>
|
<div class="title">商品分类</div>
|
||||||
<u-search class="nav-search" disabled @click.native="search" placeholder="搜索商品" :show-action="false"></u-search>
|
<u-search class="nav-search" disabled @click.native="search" placeholder="搜索商品" :show-action="false"></u-search>
|
||||||
</u-navbar>
|
</u-navbar>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
|
@ -125,13 +125,11 @@ uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
display: block;
|
display: block;
|
||||||
width: 200rpx;
|
width: 259rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 34rpx;
|
font-size: 28rpx;
|
||||||
letter-spacing: 2rpx;
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
margin-left: 26rpx;
|
|
||||||
// #endif
|
|
||||||
}
|
}
|
||||||
.category-wrap {
|
.category-wrap {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
Loading…
Reference in New Issue