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 {
color: #fff;
padding: 40rpx 0;
background: $aider-light-color;
background: linear-gradient(91deg, $light-color 1%, $aider-light-color 99%);
}
.total {
padding: 10rpx 0;

View File

@ -25,7 +25,7 @@
<view>{{ item.content }}</view>
<view>{{ item.createTime}}</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>
<uni-load-more :status="count.loadStatus"></uni-load-more>
</div>
@ -109,6 +109,14 @@ export default {
font-size: 32rpx;
font-weight: bold;
}
.plus{
color: $light-color;
font-weight: bold;
}
.reduce{
color: $weChat-color;
font-weight: bold;
}
.point-item {
width: 100%;
@ -150,7 +158,7 @@ export default {
border-right: 1px solid $border-color-light;
}
.pcolor {
color: #4ebb9d;
color: $light-color;
}
}
@ -168,7 +176,7 @@ export default {
.portrait-box {
background-color: $main-color;
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;
margin: 20rpx 20rpx 0;
position: relative;

View File

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

View File

@ -1,7 +1,7 @@
<template>
<view class="category-wrap">
<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-navbar>
<view class="content">
@ -125,13 +125,11 @@ uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
}
.title {
display: block;
width: 200rpx;
width: 259rpx;
text-align: center;
font-size: 34rpx;
letter-spacing: 2rpx;
// #ifdef MP-WEIXIN
margin-left: 26rpx;
// #endif
font-size: 28rpx;
}
.category-wrap {
height: 100%;