浏览代码

套餐二维码位置

Xiao_123 11 月之前
父节点
当前提交
dadc91f8c2

+ 0 - 2
src/styles/package/index.css

@@ -46,8 +46,6 @@ ul li {
 }
 
 .tips {
-  height: 80px;
-  line-height: 80px;
   background-color: #fffbf8;
   border: 1px solid #f1b17a;
   border-radius: 4px;

+ 1 - 1
src/styles/package/index.min.css

@@ -1 +1 @@
-.list{width:100%}.list-item{position:relative;min-height:400px;width:calc((100% - 120px) / 5);min-width:calc((100% - 120px) / 5);max-width:calc((100% - 120px) / 5);padding:30px 20px;border-radius:14px;margin-right:30px;color:#774e20;background-color:#fafafa}.list-item:nth-child(5n){margin-right:0}.list-item .item-btn{position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}ul li{list-style:none;font-size:15px;margin:10px 0;font-weight:500}.active{background-color:#fffbf8;border:1px solid #f1b17a;box-shadow:0px 6px 12px 0px rgba(216,160,82,0.36)}:deep(.v-btn){border:1px solid #bc8b55;color:#c30f0f !important;font-weight:700}.tips{height:80px;line-height:80px;background-color:#fffbf8;border:1px solid #f1b17a;border-radius:4px;text-align:center;font-size:15px}.recommend{position:absolute;top:0;left:0;width:55px;height:26px;line-height:26px;background-color:#ff8a04;border-radius:12px 0 18px 0;font-weight:600;font-size:14px;color:#fff;text-align:center}.scanCode{border:1px dashed #ccc;border-radius:10px;padding:30px}.scanCode .code-left{border:1px solid #f1b17a;border-radius:6px;padding:5px}.scanCode .price{font-size:30px;font-weight:700;color:#ff9012}:deep(.v-slide-group__content){background:none !important}.package-title{height:60px;line-height:60px;color:#fff;background:linear-gradient(45deg, #ff8a04, transparent);font-weight:700;font-size:20px;text-align:center;border-radius:4px}
+.list{width:100%}.list-item{position:relative;min-height:400px;width:calc((100% - 120px) / 5);min-width:calc((100% - 120px) / 5);max-width:calc((100% - 120px) / 5);padding:30px 20px;border-radius:14px;margin-right:30px;color:#774e20;background-color:#fafafa}.list-item:nth-child(5n){margin-right:0}.list-item .item-btn{position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}ul li{list-style:none;font-size:15px;margin:10px 0;font-weight:500}.active{background-color:#fffbf8;border:1px solid #f1b17a;box-shadow:0px 6px 12px 0px rgba(216,160,82,0.36)}:deep(.v-btn){border:1px solid #bc8b55;color:#c30f0f !important;font-weight:700}.tips{background-color:#fffbf8;border:1px solid #f1b17a;border-radius:4px;text-align:center;font-size:15px}.recommend{position:absolute;top:0;left:0;width:55px;height:26px;line-height:26px;background-color:#ff8a04;border-radius:12px 0 18px 0;font-weight:600;font-size:14px;color:#fff;text-align:center}.scanCode{border:1px dashed #ccc;border-radius:10px;padding:30px}.scanCode .code-left{border:1px solid #f1b17a;border-radius:6px;padding:5px}.scanCode .price{font-size:30px;font-weight:700;color:#ff9012}:deep(.v-slide-group__content){background:none !important}.package-title{height:60px;line-height:60px;color:#fff;background:linear-gradient(45deg, #ff8a04, transparent);font-weight:700;font-size:20px;text-align:center;border-radius:4px}

+ 0 - 2
src/styles/package/index.scss

@@ -40,8 +40,6 @@ ul li {
   font-weight: 700;
 }
 .tips {
-  height: 80px;
-  line-height: 80px;
   background-color: #fffbf8;
   border: 1px solid #f1b17a;
   border-radius: 4px;

+ 13 - 7
src/views/recruit/enterprise/memberCenter/myMembers/components/package.vue

@@ -4,8 +4,12 @@
       <div v-if="val.recommend" class="recommend">推荐</div>
       <div class="text-center font-weight-bold">{{ val.title }}</div>
       <div class="text-center my-5">
-        <div v-if="val.price && !val.cycle">¥ <span class="font-weight-bold font-size-20">{{ val.price }}</span> /年</div>
-        <div v-if="val.cycle">¥<span class="font-weight-bold font-size-18 mr-3 font-size-20">{{ val.price }}</span> {{ val.cycle }}</div>
+        <div v-if="val.price && !val.cycle">
+          ¥
+          <span class="font-weight-bold font-size-20">{{ val.price }}</span>
+          <span class="font-size-14">起</span> 
+          /年</div>
+        <div v-if="val.cycle">¥<span class="font-weight-bold font-size-18 font-size-20">{{ val.price }}</span><span class="font-size-14 mr-3">起</span>  {{ val.cycle }}</div>
         <div v-if="val.customized" class="font-size-20 font-weight-bold">按需定制</div>
       </div>
       <v-divider></v-divider>
@@ -25,11 +29,13 @@
     </div>
   </div>
 
-  <div class="my-10 tips">若注册资本超500万或特殊、行政事业单位,请联系<span class="font-weight-bold">高级客户经理</span>定制套餐</div>
-  <div class="scan color-666 d-flex flex-column align-center">
-    <div class="font-weight-bold">微信扫一扫</div>
-    <div class="font-size-15 my-3">高级客户经理为您报价(扫码后可电话联系)</div>
-    <v-img cover aspect-ratio="1/1" src="https://minio.citupro.com/dev/static/mendunerCode.jpg" width="170" height="170"></v-img>
+  <div class="my-10 tips pa-3">
+    若注册资本超500万或特殊、行政事业单位,请联系<span class="font-weight-bold">高级客户经理</span>定制套餐
+    <div class="scan color-666 d-flex flex-column align-center mt-5">
+      <div class="font-weight-bold">微信扫一扫</div>
+      <div class="font-size-15 my-3">高级客户经理为您报价(扫码后可电话联系)</div>
+      <v-img cover aspect-ratio="1/1" src="https://minio.citupro.com/dev/static/mendunerCode.jpg" width="170" height="170"></v-img>
+    </div>
   </div>
 
   <CtDialog :visible="open" :widthType="1" :footer="false" titleClass="text-h6" title="套餐购买" @close="open = false">

+ 4 - 4
src/views/recruit/enterprise/memberCenter/myMembers/components/pointsAndBalance.vue

@@ -93,10 +93,10 @@ const current = ref(1)
 const price = ref(200)
 
 const list = ref([
-  { title: '余额200元', price: 200 },
-  { title: '余额800元', price: 800 },
-  { title: '余额1000元', price: 1000 },
-  { title: '余额1200元', price: 1200 },
+  { title: '200元', price: 200 },
+  { title: '800元', price: 800 },
+  { title: '1000元', price: 1000 },
+  { title: '1200元', price: 1200 },
   { title: '自定义充值', price: 100, custom: true, tip: '输入完成后请按Enter键确认' }
 ])
 

+ 1 - 1
src/views/recruit/enterprise/memberCenter/myMembers/index.vue

@@ -3,7 +3,7 @@
   <v-card class="card-box pa-3" style="min-width: 1100px;">
     <v-tabs v-model="tab" align-tabs="center" color="rgb(195 15 15)">
       <v-tab :value="0" class="font-weight-bold font-size-18">套餐购买</v-tab>
-      <v-tab :value="1" class="font-weight-bold font-size-18">余额充值</v-tab>
+      <v-tab :value="1" class="font-weight-bold font-size-18">充值</v-tab>
     </v-tabs>
     <Package v-if="tab === 0"></Package>
     <PointsAndBalance v-else></PointsAndBalance>