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.

134 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
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. {{ tip[type[$i18n.locale]] }}
  12. </view>
  13. <view class="popup-btn">
  14. <view @click="close" class="">ok</view>
  15. </view>
  16. </view>
  17. </div>
  18. </view>
  19. </template>
  20. <script>
  21. export default {
  22. data() {
  23. return {
  24. tip: {}, //弹窗提示内容
  25. type: {
  26. en: 'keyEnglish',
  27. es: "keySpanish",
  28. zh: "keyChinese",
  29. ar : "keyA",
  30. fr : "keyF",
  31. ru : "keyE"
  32. },
  33. }
  34. },
  35. created() {
  36. this.getIndexTip()
  37. },
  38. props: {
  39. show: {
  40. type: Boolean,
  41. default: false
  42. }
  43. },
  44. methods: {
  45. //关闭
  46. close() {
  47. uni.setStorageSync('clickPopUp', {}); //用户是否点击过关闭弹框
  48. this.$emit('close')
  49. },
  50. //获取首页提示
  51. getIndexTip() {
  52. this.request('getIndexTip').then(res => {
  53. if (res.code == 200) {
  54. this.tip = res.result
  55. }
  56. })
  57. }
  58. }
  59. }
  60. </script>
  61. <style lang="scss" scoped>
  62. .popup-windown {
  63. display: flex;
  64. justify-content: center;
  65. align-items: center;
  66. position: fixed;
  67. height: 100vh;
  68. width: 750rpx;
  69. background: rgba(0, 0, 0, .1);
  70. left: 0;
  71. top: 0;
  72. z-index: 1000;
  73. margin: 0rpx auto;
  74. .popup-content {
  75. position: relative;
  76. width: 96%;
  77. margin: 0rpx auto;
  78. background: white;
  79. border-radius: 15rpx;
  80. .popup-close {
  81. position: absolute;
  82. right: -20rpx;
  83. top: -20rpx;
  84. z-index: 200;
  85. background: white;
  86. border-radius: 50%;
  87. }
  88. .popup-main {
  89. border-radius: 15rpx;
  90. overflow: hidden;
  91. .bg {
  92. height: 200rpx;
  93. overflow: hidden;
  94. image {
  95. width: 100%;
  96. }
  97. }
  98. .popup-desc {
  99. box-sizing: border-box;
  100. padding: 20rpx;
  101. }
  102. .popup-btn {
  103. display: flex;
  104. align-items: center;
  105. justify-content: center;
  106. height: 140rpx;
  107. box-shadow: 0rpx 10rpx 20rpx rgba(0, 0, 0, .1);
  108. view {
  109. display: flex;
  110. align-items: center;
  111. justify-content: center;
  112. width: 96%;
  113. margin: 0rpx auto;
  114. height: 80rpx;
  115. background: $uni-bg-color-app;
  116. border-radius: 40rpx;
  117. color: $uni-bg-color;
  118. }
  119. }
  120. }
  121. }
  122. }
  123. </style>