修改部分scss类名，新增部分注释以及登录颜色化配置:)

2025-12-17 07:55:53 +08:00 · 2021-08-19 16:20:21 +08:00
parent 775bf3055d
commit 224eb05703
27 changed files with 96 additions and 111 deletions
--- a/pages/cart/payment/popup/goods.vue
+++ b/pages/cart/payment/popup/goods.vue
@@ -322,10 +322,10 @@ export default {
 }

 .active {
-  background: $jd-light-color !important;
-  border: 2rpx solid $jd-color;
+  background: $price-light-color !important;
+  border: 2rpx solid $price-color;
  font-weight: bold;
-  color: $jd-color !important;
+  color: $price-color !important;
  box-sizing: border-box;
 }

@@ -377,7 +377,7 @@ export default {
 }

 .goods-price {
-  color: $jd-color;
+  color: $price-color;
  line-height: 80rpx;
  display: flex;
 }
--- a/pages/cart/payment/popup/popup.scss
+++ b/pages/cart/payment/popup/popup.scss
@@ -14,7 +14,7 @@
    line-height: 80rpx;
    height: 80rpx;
    
-    background: $jd-color;
+    background: $price-color;
    color: #fff;
    border-radius: 200px;
    text-align: center;
--- a/pages/mine/deposit/withdrawal.vue
+++ b/pages/mine/deposit/withdrawal.vue
@@ -12,6 +12,10 @@
          <view @click="handleAll" :style="{ color: $mainColor }">全部</view>
          <view style="font-size: 24rpx; color: #999">可提现金额<span>{{ walletNum | unitPrice }}</span>元</view>
        </view>
+
+      </view>
+      <view class="tips">
+        最低提现金额为1.00元
      </view>
    </view>

@@ -19,7 +23,7 @@
  </view>
 </template>
 <script>
-import { getUserWallet,withdrawalApply } from "@/api/members";
+import { getUserWallet, withdrawalApply } from "@/api/members";
 export default {
  data() {
    return {
@@ -67,4 +71,8 @@ export default {
 </script>
 <style lang="scss" scoped>
@import "./style.scss";
+.tips {
+  font-size: 24rpx;
+  color: #999;
+}
 </style>
--- a/pages/mine/distribution/list.vue
+++ b/pages/mine/distribution/list.vue
@@ -454,7 +454,7 @@ export default {
      overflow: hidden;
    }
    > .-item-price {
-      color: $jd-color;
+      color: $price-color;
      > span {
        font-size: 36rpx;
      }
--- a/pages/navigation/search/search.scss
+++ b/pages/navigation/search/search.scss
@@ -1,7 +1,7 @@
 .sort-active {
  border: 1px solid $light-color;
  color: $light-color;
-  background: $jd-light-color !important;
+  background: $price-light-color !important;
 }

 .oldKeyList {
--- a/pages/order/invoice/invoiceDetail.vue
+++ b/pages/order/invoice/invoiceDetail.vue
@@ -205,13 +205,6 @@ export default {
  }
 }

-.btn {
-  font-size: 34rpx;
-  margin: 60rpx 20rpx;
-  &::after {
-    border: none;
-  }
-}
 .u-cell {
  padding: 35rpx 20rpx;
  height: 110rpx;
--- a/pages/passport/codeLogin.vue
+++ b/pages/passport/codeLogin.vue
@@ -9,12 +9,13 @@
        <div style="display:flex; with:100%;">
          <u-input maxlength="6" v-model="codeForm.code" placeholder="请输入验证码" />
          <u-verification-code keep-running unique-key="page-login" :seconds="seconds" @end="end" @start="start" ref="uCode" @change="codeChange"></u-verification-code>
-          <view @tap="getCode" class="text-tips">{{ tips }}</view>
+          <view @tap="getCode" :style="{color:aiderLightColor}" class="text-tips">{{ tips }}</view>
+
        </div>
      </u-form-item>

-      <view class="submit" @click="submit">登录</view>
-      <view class="text-tips cell" @click="clickLogin">一键登录</view>
+      <view class="submit bg-linear-gradient" @click="submit">登录</view>
+      <view :style="{color:aiderLightColor}" class="text-tips cell" @click="clickLogin">一键登录</view>
      <myVerification v-if="codeFlag" @send="verification" class="verification" ref="verification" business="LOGIN" />
    </u-form>
  </div>
@@ -34,6 +35,7 @@ export default {
  props: ["status"], //是否勾选 《用户隐私》和《隐私政策》
  data() {
    return {
+      aiderLightColor: this.$aiderLightColor,
      uuid,
      flage: false, //是否验证码验证
      codeFlag: true, //验证开关，用于是否展示验证码
--- a/pages/passport/login.scss
+++ b/pages/passport/login.scss
@@ -6,7 +6,6 @@
 	margin: 40rpx 0;
 }
 .login-ball {
-	background-image: linear-gradient(25deg, #fa123b, #ff6b35, #ff9f28, #ffcc03);
 	border-bottom-left-radius: 300rpx;
 	height: 400rpx;
 	position: relative;
@@ -43,8 +42,6 @@ span {
 .submit {
 	height: 80rpx;
 	line-height: 80rpx;
-
-	background-image: linear-gradient(90deg, #ff6b35, #ff9f28, #ffcc03);
 	color: #fff;
 	text-align: center;
 	font-size: 30rpx;
@@ -61,7 +58,6 @@ span {
 }
 .text-tips {
 	text-align: center;
-	color: #ff9f28;
 }
 .tips {
 	position: absolute;
--- a/pages/passport/login.vue
+++ b/pages/passport/login.vue
@@ -1,7 +1,7 @@
 <template>
  <view v-if="mpWechatLogin">
    <!-- 背景 -->
-    <view class="login-ball small"></view>
+    <view class="login-ball bg-linear-gradient small"></view>

    <view class="logo-cell">
      <image class="logo" src="/static/logo.png" mode="aspectFit"></image>
@@ -17,7 +17,7 @@
    <!-- 隐私政策 -->
    <div class="privacy">
      <u-checkbox-group :icon-size="24" width="45rpx">
-        <u-checkbox v-model="value" active-color="rgb(255, 107, 53)"></u-checkbox>
+        <u-checkbox v-model="value" :active-color="lightColor"></u-checkbox>

      </u-checkbox-group>
      同意<span @click="handleClick('user')">《用户协议》</span>和<span @click="handleClick('privacy')">《隐私政策》</span>
@@ -32,6 +32,7 @@ import storage from "@/utils/storage.js";
 import { loginCallback } from "@/api/connect.js";
 import { webConnect } from "@/api/connect.js";
 export default {
+
  onShow() {
    // #ifdef MP-WEIXIN
    this.mpWechatLogin = false;
@@ -64,6 +65,7 @@ export default {
  },
  data() {
    return {
+      lightColor:this.$lightColor,
      mpWechatLogin: true, //是否加载微信登录
      value: true, //隐私政策
      loginData: {
--- a/pages/passport/mp-codeLogin.scss
+++ b/pages/passport/mp-codeLogin.scss
@@ -1,5 +1,4 @@
-.verification {
-}
+
 /deep/ .u-form-item {
 	margin: 40rpx 0 !important;
 	padding: 40rpx 0 !important;
--- a/pages/passport/onClickLogin.vue
+++ b/pages/passport/onClickLogin.vue
@@ -7,7 +7,7 @@
          <u-icon :color="item.color" size="80" :name="item.icon" @click="navigateLogin(item)"></u-icon>
        </div>
      </div>
-      <view class="text-tips cell" @click="clickCodeLogin">账号密码登录</view>
+      <view :style="{color:aiderLightColor}"  class="text-tips cell" @click="clickCodeLogin">账号密码登录</view>
    </u-form>
  </div>
 </template>
@@ -22,6 +22,7 @@ import api from "@/config/api.js";
 export default {
  data() {
    return {
+      aiderLightColor: this.$aiderLightColor,
      loginList: [
        {
          icon: "weixin-circle-fill",
--- a/pages/passport/wechatMPLogin.vue
+++ b/pages/passport/wechatMPLogin.vue
@@ -223,15 +223,11 @@ text.shop {
 }

 .register {
-  color: #00a327 !important;
+  color: $weChat-color !important;
  border: none !important;
  background: #fff !important;
 }

-.btn {
-  width: 100%;
-  text-align: center;
-}

 .btn-auth {
  width: 92%;
--- a/pages/product/product/goods/-goods-intro.vue
+++ b/pages/product/product/goods/-goods-intro.vue
@@ -125,7 +125,7 @@ export default {
      width: 52rpx;
      height: 6rpx;

-      background-image: linear-gradient(90deg, $jd-color, $jd-light-color);
+      background-image: linear-gradient(90deg, $price-color, $price-light-color);
    }
  }
  > .goods-detail-item {
--- a/pages/product/product/goods/-goods-recommend.vue
+++ b/pages/product/product/goods/-goods-recommend.vue
@@ -148,7 +148,7 @@ export default {
      white-space: nowrap;
      font-size: 26rpx;
      text-align: left;
-      color: $jd-color;
+      color: $price-color;
      line-height: 23px;
      font-weight: bold;
      > span {
--- a/pages/product/product/popup/address.vue
+++ b/pages/product/product/popup/address.vue
@@ -144,7 +144,7 @@ export default {
  font-size: 28rpx;
 }
 .checked {
-  background: $jd-color;
+  background: $price-color;
 }
 .active {
  color: #fff;
--- a/pages/product/product/popup/goods.vue
+++ b/pages/product/product/popup/goods.vue
@@ -322,10 +322,10 @@ export default {
 }

 .active {
-  background: $jd-light-color !important;
-  border: 2rpx solid $jd-color;
+  background: $price-light-color !important;
+  border: 2rpx solid $price-color;
  font-weight: bold;
-  color: $jd-color !important;
+  color: $price-color !important;
  box-sizing: border-box;
 }

@@ -377,7 +377,7 @@ export default {
 }

 .goods-price {
-  color: $jd-color;
+  color: $price-color;
  line-height: 80rpx;
  display: flex;
 }
--- a/pages/product/product/popup/popup.scss
+++ b/pages/product/product/popup/popup.scss
@@ -14,7 +14,7 @@
    line-height: 80rpx;
    height: 80rpx;
    
-    background: $jd-color;
+    background: $price-color;
    color: #fff;
    border-radius: 200px;
    text-align: center;
--- a/pages/product/product/product.scss
+++ b/pages/product/product/product.scss
@@ -23,7 +23,7 @@
  padding-left: 14rpx;
  position: relative;
  &::before {
-    background-image: linear-gradient(180deg, $jd-color, $jd-light-color);
+    background-image: linear-gradient(180deg, $price-color, $price-light-color);
    content: "";
    position: absolute;
    left: 0;
--- a/pages/product/product/promotion/-promotion.vue
+++ b/pages/product/product/promotion/-promotion.vue
@@ -94,9 +94,9 @@ export default {

 <style lang="scss" scoped>
 .deg_tag {
-  color: $jd-color;
+  color: $price-color;
  padding: 0 4rpx;
-  border: 2rpx solid $jd-color;
+  border: 2rpx solid $price-color;
  font-size: 22rpx;
 }

--- a/pages/product/product/promotion/group.scss
+++ b/pages/product/product/promotion/group.scss
@@ -73,7 +73,7 @@
 }
 .promotion {
 	font-size: 22rpx;
-	border: 2rpx solid $jd-light-color;
+	border: 2rpx solid $price-light-color;
 	padding: 2rpx 6rpx;
 	margin-left: 10rpx;
 	line-height: 1;
--- a/pages/product/product/shop/-shop.vue
+++ b/pages/product/product/shop/-shop.vue
@@ -209,7 +209,7 @@ export default {
    white-space: nowrap;
    margin: 18rpx 0;
    font-size: 22rpx;
-    color: $jd-color;
+    color: $price-color;
  }

  .recommend-list-con {
--- a/pages/product/product/style.scss
+++ b/pages/product/product/style.scss
@@ -1,5 +1,5 @@
 .red {
-    color: $jd-color;
+    color: $price-color;
 }
 page {
    background: #fff;
@@ -10,8 +10,8 @@ page {
    top: 5rpx;
    padding: 2rpx 6rpx;
    border-top: 4rpx;
-    border: 2rpx solid $jd-color;
-    color: $jd-color;
+    border: 2rpx solid $price-color;
+    color: $price-color;
    font-size: 22rpx;
    border-radius: 200px;
    line-height: 18rpx;
@@ -82,7 +82,7 @@ page {
 }
 .-goods-price {
    flex: 8;
-    color: $jd-color;
+    color: $price-color;
    font-size: 32rpx;
    line-height: 1;
    /deep/ .price {