style: 💄 修改部分页面UI

master
学习很差啦 2023-01-17 16:14:12 +08:00
parent 529175c0ab
commit 2e37cb8158
4 changed files with 18 additions and 11 deletions

View File

@ -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;

View File

@ -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;

View File

@ -701,6 +701,7 @@ page {
} }
.main-color { .main-color {
color: $main-color;
font-weight: bold; font-weight: bold;
} }

View File

@ -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%;