浏览代码

upd(popup): 优化关闭按钮点击区域大小

richard1015 4 年之前
父节点
当前提交
97686a370a
共有 3 个文件被更改,包括 10 次插入8 次删除
  1. 4 0
      src/packages/__VUE/popup/index.scss
  2. 3 4
      src/packages/__VUE/popup/index.taro.vue
  3. 3 4
      src/packages/__VUE/popup/index.vue

+ 4 - 0
src/packages/__VUE/popup/index.scss

@@ -114,6 +114,10 @@
     color: #969799;
     font-size: 18px;
     cursor: pointer;
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
 
     &:active {
       opacity: 0.7;

+ 3 - 4
src/packages/__VUE/popup/index.taro.vue

@@ -23,15 +23,14 @@
         @click="onClick"
       >
         <slot v-if="showSlot"></slot>
-        <nut-icon
+        <view
           v-if="closeable"
           @click="onClickCloseIcon"
-          :name="closeIcon"
-          size="12px"
           class="nutui-popup__close-icon"
           :class="'nutui-popup__close-icon--' + closeIconPosition"
         >
-        </nut-icon>
+          <nut-icon :name="closeIcon" size="12px" />
+        </view>
       </view>
     </Transition>
   </view>

+ 3 - 4
src/packages/__VUE/popup/index.vue

@@ -23,15 +23,14 @@
         @click="onClick"
       >
         <slot v-if="showSlot"></slot>
-        <nut-icon
+        <view
           v-if="closeable"
           @click="onClickCloseIcon"
-          :name="closeIcon"
-          size="12px"
           class="nutui-popup__close-icon"
           :class="'nutui-popup__close-icon--' + closeIconPosition"
         >
-        </nut-icon>
+          <nut-icon :name="closeIcon" size="12px" />
+        </view>
       </view>
     </Transition>
   </Teleport>