Jelajahi Sumber

样式修改

xuqiang 4 tahun lalu
induk
melakukan
8387a0b089

TEMPAT SAMPAH
src/main/pc-space/src/assets/user/icon-xiugaichengg@3x (1).png


TEMPAT SAMPAH
src/main/pc-space/src/assets/user/renzheng-icon-geren@3x.png


TEMPAT SAMPAH
src/main/pc-space/src/assets/user/renzheng-icon-qiye@3x.png


+ 3 - 1
src/main/pc-space/src/views/user/Address.vue

@@ -20,7 +20,9 @@
                 <el-table-column prop="address" label="详情地址" width="220"> </el-table-column>
                 <el-table-column fixed="right" label="操作" width="100">
                     <template slot-scope="scope">
-                        <el-button @click="handleClick(scope.row)" type="text" size="small">修改</el-button>
+                        <el-button style="color: #fdfb60" @click="handleClick(scope.row)" type="text" size="small"
+                            >修改</el-button
+                        >
                         <el-button style="color: red" type="text" size="small">删除</el-button>
                     </template>
                 </el-table-column>

+ 6 - 3
src/main/pc-space/src/views/user/Authentication.vue

@@ -1,16 +1,16 @@
 <template>
     <div class="container center-content">
         <div class="title">认证信息</div>
-        <div class="name">认证信息暂不允许修改,且无法替换认证类型,请谨慎选择</div>
+        <div class="name">认证信息暂<span>不允许修改</span>,且无法替换认证类型,请谨慎选择</div>
         <div class="box">
             <div class="box1">
-                <img class="img" src="../../assets/renzheng-icon-geren@3x.png" alt="" />
+                <img class="img" src="../../assets/user/renzheng-icon-geren@3x.png" alt="" />
                 <div class="text1">个人认证</div>
                 <div class="text2">个人通过实名认证后,绑定相对应银 行卡即可进行交易售卖</div>
                 <el-button @click="all('/userauthentication')">个人认证</el-button>
             </div>
             <div class="box1">
-                <img class="img" src="../../assets/renzheng-icon-qiye@3x.png" alt="" />
+                <img class="img" src="../../assets/user/renzheng-icon-qiye@3x.png" alt="" />
                 <div class="text1">企业认证</div>
                 <div class="text2">企业通过营业执照认证后,并签署 相应合同即可进行售卖,冰箱周部 分定制化服务</div>
                 <el-button @click="all('/enterpriseauthentication')">企业认证</el-button>
@@ -62,6 +62,9 @@ export default {
         line-height: 22px;
         margin: 10px 0 40px;
     }
+    span {
+        color: #fdfb60;
+    }
     .box {
         display: flex;
         margin-left: 178px;

+ 1 - 1
src/main/pc-space/src/views/user/EnterpriseAuthentication.vue

@@ -5,7 +5,7 @@
             <div class="name">企业认证 <span>账户实名认证后不能修改</span></div>
             <div class="border"></div>
             <div class="fail" v-if="userInfo.authStatus === 'PENDING' || userInfo.authStatus === 'FAIL'">
-                <img class="text1" src="../../assets/icon-xiugaichengg@3x.png" alt="" />
+                <img class="text1" src="../../assets/user/icon-xiugaichengg@3x (1).png" alt="" />
                 <div class="text2">已提交企业认证</div>
                 <div class="text3">等待后台审核信息,预计1-3个工作日内完成</div>
                 <div class="botn" @click="Jump">返回</div>

+ 5 - 3
src/main/pc-space/src/views/user/Give.vue

@@ -237,7 +237,6 @@ export default {
         width: 140px;
     }
     .el-radio-button__orig-radio:checked + .el-radio-button__inner {
-        // background: linear-gradient(41deg, #fdfb60 0%, #ff8f3e 100%);
         background: linear-gradient(46deg, @prim 0%, @warn 100%);
         color: #fff;
         border-color: #fff;
@@ -257,11 +256,14 @@ export default {
 }
 
 .list {
-    margin: -16px -14px;
-    min-height: 800px;
+    margin: -16px -16px;
+    min-height: 400px;
     .content {
         margin: 23px;
     }
+    .collect {
+        margin: 23px;
+    }
 }
 
 .radio-item {

+ 1 - 1
src/main/pc-space/src/views/user/Personal.vue

@@ -7,7 +7,7 @@
                 router
                 class="el-menu-vertical-demo"
                 text-color="#939599"
-                active-text-color="@prim"
+                active-text-color="#fdfb60"
             >
                 <el-submenu index="1">
                     <template slot="title">

+ 7 - 1
src/main/pc-space/src/views/user/Security.vue

@@ -27,7 +27,7 @@
                         <el-input style="width: 300px" v-model="ruleForm.code" placeholder="请输入4位验证码">
                             <span
                                 @click="send"
-                                style="color: @prim; cursor: pointer; font-size: 13px"
+                                style="color: #fdfb60; cursor: pointer; font-size: 13px"
                                 slot="suffix"
                                 >{{ time === 0 ? '发送验证码' : `重新发送${time}s` }}</span
                             >
@@ -128,6 +128,12 @@ export default {
     font-weight: 400;
     color: #939599;
 }
+/deep/ .el-step__title.is-finish {
+    color: #fdfb60;
+}
+/deep/ .el-step__head.is-finish {
+    border-color: #fdfb60;
+}
 /deep/ .el-step__title.is-wait {
     color: #939599;
 }

+ 7 - 1
src/main/pc-space/src/views/user/SecuritySuccess.vue

@@ -14,7 +14,7 @@
                     <el-step title="完成"></el-step>
                 </el-steps>
                 <div class="fail">
-                    <img class="text1" src="../../assets/icon-xiugaichengg@3x.png" alt="" />
+                    <img class="text1" src="../../assets/user/icon-xiugaichengg@3x (1).png" alt="" />
                     <div class="text2">修改成功,下次登录请使用新账号!</div>
                     <div class="botn" @click="Login">重新登录</div>
                 </div>
@@ -44,6 +44,12 @@ export default {
 /deep/ .el-steps {
     margin-left: 329px;
 }
+/deep/ .el-step__title.is-finish {
+    color: #fdfb60;
+}
+/deep/ .el-step__head.is-finish {
+    border-color: #fdfb60;
+}
 /deep/.el-step:nth-child(1) {
     .el-step__icon {
         background: linear-gradient(143deg, @prim 0%, @warn 100%, @warn 100%);

+ 8 - 2
src/main/pc-space/src/views/user/Transaction.vue

@@ -21,13 +21,13 @@
                     :rules="rules"
                 >
                     <el-form-item label="当前手机号" prop="phone">
-                        <div class="phone">{{ Phone }}</div>
+                        <!-- <div class="phone">{{ Phone }}</div> -->
                     </el-form-item>
                     <el-form-item label="验证码" prop="code">
                         <el-input style="width: 300px" v-model="ruleForm.code" placeholder="请输入4位验证码">
                             <span
                                 @click="send"
-                                style="color: @prim; cursor: pointer; font-size: 13px"
+                                style="color: #fdfb60; cursor: pointer; font-size: 13px"
                                 slot="suffix"
                                 >{{ time === 0 ? '发送验证码' : `重新发送${time}s` }}</span
                             >
@@ -131,6 +131,12 @@ export default {
 /deep/ .el-step__title.is-wait {
     color: #939599;
 }
+/deep/ .el-step__title.is-finish {
+    color: #fdfb60;
+}
+/deep/ .el-step__head.is-finish {
+    border-color: #fdfb60;
+}
 .container {
     .btn1 {
         margin-left: 10px;

+ 7 - 1
src/main/pc-space/src/views/user/TransactionSuccess.vue

@@ -14,7 +14,7 @@
                     <el-step title="完成"></el-step>
                 </el-steps>
                 <div class="fail">
-                    <img class="text1" src="../../assets/icon-xiugaichengg@3x.png" alt="" />
+                    <img class="text1" src="../../assets/user/icon-xiugaichengg@3x (1).png" alt="" />
                     <div class="text2">修改成功,下次登录请使用新账号!</div>
                     <div class="botn" @click="Login">重新登录</div>
                 </div>
@@ -44,6 +44,12 @@ export default {
 /deep/ .el-steps {
     margin-left: 329px;
 }
+/deep/ .el-step__title.is-finish {
+    color: #fdfb60;
+}
+/deep/ .el-step__head.is-finish {
+    border-color: #fdfb60;
+}
 /deep/.el-step:nth-child(1) {
     .el-step__icon {
         background: linear-gradient(143deg, @prim 0%, @warn 100%, @warn 100%);

+ 1 - 1
src/main/pc-space/src/views/user/UserAuthentication.vue

@@ -5,7 +5,7 @@
             <div class="name">个人认证 <span>账户实名认证后不能修改</span></div>
             <div class="border"></div>
             <div class="fail" v-if="userInfo.authStatus === 'PENDING' || userInfo.authStatus === 'FAIL'">
-                <img class="text1" src="../../assets/icon-xiugaichengg@3x.png" alt="" />
+                <img class="text1" src="../../assets/user/icon-xiugaichengg@3x (1).png" alt="" />
                 <div class="text2">已提交个人认证</div>
                 <div class="text3">等待后台审核信息,预计1-3个工作日内完成</div>
                 <div class="botn" @click="Jump">返回</div>