You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

116 lines
2.4 KiB

9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
  1. <!-- 弹窗组件 -->
  2. <template>
  3. <view v-if="show" class="popup-windown bx popup-bx">
  4. <div class="popup-content">
  5. <uni-icons @click="close" class="popup-close" type="closeempty" size="20" color="#000"></uni-icons>
  6. <view class="popup-main">
  7. <div class="bg">
  8. <image src="../../static/popUpWindow/bg.png" mode="widthFix"></image>
  9. </div>
  10. <view class="popup-desc">
  11. Important note: At present, the number of people who recharge is large, and the recharge will fail
  12. due to congestion. If payment fails, please contact customer service assistance. Join Tik Tok shop
  13. and get a part-time allowance. After completing the tasks of regular employees, you can join the
  14. regular employees and receive at least 100-5000USDT commission and salary income per day.
  15. </view>
  16. <view class="popup-btn">
  17. <view @click="close" class="">ok</view>
  18. </view>
  19. </view>
  20. </div>
  21. </view>
  22. </template>
  23. <script>
  24. export default {
  25. data() {
  26. return {
  27. }
  28. },
  29. props: {
  30. show: {
  31. type: Boolean,
  32. default: false
  33. }
  34. },
  35. methods: {
  36. close() {
  37. uni.setStorageSync('clickPopUp', {}); //用户是否点击过关闭弹框
  38. this.$emit('close')
  39. }
  40. }
  41. }
  42. </script>
  43. <style lang="scss" scoped>
  44. .popup-windown {
  45. display: flex;
  46. justify-content: center;
  47. align-items: center;
  48. position: fixed;
  49. height: 100vh;
  50. width: 750rpx;
  51. background: rgba(0, 0, 0, .1);
  52. left: 0;
  53. top: 0;
  54. z-index: 1000;
  55. margin: 0rpx auto;
  56. .popup-content {
  57. position: relative;
  58. width: 96%;
  59. margin: 0rpx auto;
  60. background: white;
  61. border-radius: 15rpx;
  62. .popup-close {
  63. position: absolute;
  64. right: -20rpx;
  65. top: -20rpx;
  66. z-index: 200;
  67. background: white;
  68. border-radius: 50%;
  69. }
  70. .popup-main {
  71. border-radius: 15rpx;
  72. overflow: hidden;
  73. .bg {
  74. height: 200rpx;
  75. overflow: hidden;
  76. image {
  77. width: 100%;
  78. }
  79. }
  80. .popup-desc {
  81. box-sizing: border-box;
  82. padding: 20rpx;
  83. }
  84. .popup-btn {
  85. display: flex;
  86. align-items: center;
  87. justify-content: center;
  88. height: 140rpx;
  89. box-shadow: 0rpx 10rpx 20rpx rgba(0, 0, 0, .1);
  90. view {
  91. display: flex;
  92. align-items: center;
  93. justify-content: center;
  94. width: 96%;
  95. margin: 0rpx auto;
  96. height: 80rpx;
  97. background: $uni-bg-color-app;
  98. border-radius: 40rpx;
  99. color: $uni-bg-color;
  100. }
  101. }
  102. }
  103. }
  104. }
  105. </style>