Эх сурвалжийг харах

fix: 订阅开关弹窗样式调整

Signed-off-by: tangshizhe <48740614+tangshizhe@users.noreply.github.com>
tangshizhe 1 жил өмнө
parent
commit
2b6acebeb9

+ 5 - 19
src/web/staticres/common-module/vipsubscribe/css/vip-subscribe-set-template.css

@@ -847,32 +847,18 @@
 }
 
 .sub-dialog-confirm{
-  padding: 0 .64rem .4rem;
+  padding: 0;
 }
 .sub-dialog-confirm .van-dialog__header{
-  margin-bottom: .32rem;
   font-size: .36rem;
 }
 .sub-dialog-confirm .sub-dialog-content{
+  padding: .32rem .64rem;
   font-size: .28rem;
 }
-.sub-dialog-confirm .sub-dialog-footer{
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: .4rem;
-}
-.sub-dialog-confirm .sub-dialog-footer button{
-  padding: .12rem 0.4rem;
-  border-radius: .08rem;
-  background: #2ABDD1;
-  color: #fff;
-}
-.sub-dialog-confirm .sub-dialog-footer .sub-button-cancel{
-  background: transparent;
-  border: 1px solid #C0C4CC;
-  color: #1d1d1d;
-}
+/* .sub-dialog-confirm .van-button{
+  font-size: .36rem;
+} */
 .vip-body .keywords .item-l .icon-bangzhu {
   color: #2cb7ca;
   font-size: 0.36rem;

+ 14 - 5
src/web/staticres/common-module/vipsubscribe/js/vip-subscribe-set-template.js

@@ -369,14 +369,23 @@ var subScribeTemplate = `
       </div>
     </div>
   </van-popup>
-  <van-dialog getContainer="body" class-name="sub-dialog-confirm" v-model="showSubDialog" width="303px" title="开启订阅" :show-confirm-button="false">
+  <van-dialog
+    getContainer="body"
+    class-name="sub-dialog-confirm"
+    v-model="showSubDialog"
+    width="303px"
+    title="开启订阅"
+    show-cancel-button
+    confirm-button-text="立即开启"
+    confirm-button-color="#2ABED1"
+    cancel-button-text="暂不开启"
+    cancel-button-color="#1d1d1d"
+    @confirm="setSubStatus"
+    @cancel="showSubDialog = false"
+    >
     <div class="sub-dialog-content">
       当前订阅状态为关闭状态,不支持修改,请开启订阅
     </div>
-    <div class="sub-dialog-footer">
-      <button @click="showSubDialog = false" type="button" class="sub-button sub-button-cancel van-hairline--right">暂不开启</button>
-      <button @click="setSubStatus" type="button" class="sub-button sub-button-confirm">立即开启</button>
-    </div>
   </van-dialog>
 </div>
 `