Blame view

ceres-uniapp-master/pages/tabbar/cart/components/DeleteModal.vue 1.5 KB
3f535f30   杨鑫   '初始'
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
  <!--
      * @FileDescription: DeleteModal
      * @Author: kahu
      * @Date: 2022/11/3
      * @LastEditors: kahu
      * @LastEditTime: 2022/11/3
  -->
  <template>
    <div class="content">
      <TuiModal
          :show="isShow"
          :custom="true"
          :fadein="true"
      >
        <view class="Put-box1">
          <view class="text-align fs34 fs-bold">
            温馨提示
          </view>
          <view class="mar-top-40 text-align">
            您确定删除选中的商品吗?
          </view>
          <view class="flex-display flex-sp-between">
            <view
                class="btn"
                @click="$emit('update:showTip',false)"
            >
              点错了
            </view>
            <view
                class="btn submit"
                @click="$emit('confirm')"
            >
              确认删除
            </view>
          </view>
        </view>
      </TuiModal>
    </div>
  </template>
  
  <script>
  import TuiModal from "../../../../components/modal/modal";
  export default {
    name: "DeleteModal",
    components:{TuiModal},
    data() {
      return {
        isShow:false
      }
    },
    props:{
      showTip:{
        type:Boolean
      }
    },
    watch:{
      showTip(val){
        this.isShow = val
      }
    },
    methods: {}
  }
  </script>
  
  <style
      lang="scss"
      scoped
  >
  .Put-box1 {
    .btn {
      text-align: center;
      margin-top: 40rpx;
      border: 1px solid #333333;
      height: 80upx;
      line-height: 80upx;
      width: 240upx;
      color: #333333;
    }
  
    .submit {
      background-color: #333333;
      color: #FFEBC4;
    }
  }
  </style>