feat(Popup): add @popup-close-icon-active-color less var

src/popup/README.md

@@ -42,7 +42,7 @@ Use `position` prop to set popup display position
 <van-popup
   v-model="show"
   position="top"
-  :style="{ height: '20%' }"
+  :style="{ height: '30%' }"
 />
 ```
 
@@ -53,7 +53,7 @@ Use `position` prop to set popup display position
   v-model="show"
   closeable
   position="bottom"
-  :style="{ height: '20%' }"
+  :style="{ height: '30%' }"
 />
 <!-- Custom Icon -->
 <van-popup
@@ -61,7 +61,7 @@ Use `position` prop to set popup display position
   closeable
   close-icon="close"
   position="bottom"
-  :style="{ height: '20%' }"
+  :style="{ height: '30%' }"
 />
 <!-- Icon Position -->
 <van-popup
@@ -69,7 +69,7 @@ Use `position` prop to set popup display position
   closeable
   close-icon-position="top-left"
   position="bottom"
-  :style="{ height: '20%' }"
+  :style="{ height: '30%' }"
 />
 ```
 
@@ -80,7 +80,7 @@ Use `position` prop to set popup display position
   v-model="show"
   round
   position="bottom"
-  :style="{ height: '20%' }"
+  :style="{ height: '30%' }"
 />
 ```
 

src/popup/README.zh-CN.md

@@ -48,7 +48,7 @@ export default {
 <van-popup
   v-model="show"
   position="top"
-  :style="{ height: '20%' }"
+  :style="{ height: '30%' }"
 />
 ```
 
@@ -61,7 +61,7 @@ export default {
   v-model="show"
   closeable
   position="bottom"
-  :style="{ height: '20%' }"
+  :style="{ height: '30%' }"
 />
 <!-- 自定义图标 -->
 <van-popup
@@ -69,7 +69,7 @@ export default {
   closeable
   close-icon="close"
   position="bottom"
-  :style="{ height: '20%' }"
+  :style="{ height: '30%' }"
 />
 <!-- 图标位置 -->
 <van-popup
@@ -77,7 +77,7 @@ export default {
   closeable
   close-icon-position="top-left"
   position="bottom"
-  :style="{ height: '20%' }"
+  :style="{ height: '30%' }"
 />
 ```
 
@@ -90,7 +90,7 @@ export default {
   v-model="show"
   round
   position="bottom"
-  :style="{ height: '20%' }"
+  :style="{ height: '30%' }"
 />
 ```
 

src/popup/demo/index.vue

@@ -17,21 +17,21 @@
       <van-cell :title="$t('buttonLeft')" is-link @click="showLeft = true" />
       <van-cell :title="$t('buttonRight')" is-link @click="showRight = true" />
 
-      <van-popup v-model="showTop" position="top" :style="{ height: '20%' }" />
+      <van-popup v-model="showTop" position="top" :style="{ height: '30%' }" />
       <van-popup
         v-model="showBottom"
         position="bottom"
-        :style="{ height: '20%' }"
+        :style="{ height: '30%' }"
       />
       <van-popup
         v-model="showLeft"
         position="left"
-        :style="{ width: '20%', height: '100%' }"
+        :style="{ width: '30%', height: '100%' }"
       />
       <van-popup
         v-model="showRight"
         position="right"
-        :style="{ width: '20%', height: '100%' }"
+        :style="{ width: '30%', height: '100%' }"
       />
     </demo-block>
 
@@ -56,21 +56,21 @@
         v-model="showCloseIcon"
         closeable
         position="bottom"
-        :style="{ height: '20%' }"
+        :style="{ height: '30%' }"
       />
       <van-popup
         v-model="showCustomCloseIcon"
         closeable
         close-icon="close"
         position="bottom"
-        :style="{ height: '20%' }"
+        :style="{ height: '30%' }"
       />
       <van-popup
         v-model="showCustomIconPosition"
         closeable
         close-icon-position="top-left"
         position="bottom"
-        :style="{ height: '20%' }"
+        :style="{ height: '30%' }"
       />
     </demo-block>
 
@@ -84,7 +84,7 @@
         v-model="showRoundCorner"
         round
         position="bottom"
-        :style="{ height: '20%' }"
+        :style="{ height: '30%' }"
       />
     </demo-block>
 

src/popup/index.less

@@ -96,7 +96,7 @@
       cursor: pointer;
 
       &:active {
-        opacity: @active-opacity;
+        color: @popup-close-icon-active-color;
       }
 
       &--top-left {