fix: fix weui style

Author: Tidyzq

miniprogram/packageExtend/pages/base/badge/badge.wxml

@@ -19,7 +19,7 @@
             <mp-cells title="未读数红点跟在主题信息后，统一在列表左侧">
                 <mp-cell>
                     <view slot="title" style="position: relative;margin-right: 10px;">
-                        <image src="../images/pic_160.png" style="width: 50px; height: 50px; display: block"/>
+                        <image src="../../images/pic_160.png" style="width: 50px; height: 50px; display: block"/>
                         <mp-badge aria-label="未读" content="99+" style="position: absolute;top: -0.4rem;right: -0.4rem;"/>
                     </view>
                     <view>联系人名称</view>

miniprogram/packageExtend/pages/extend/common.wxss

@@ -0,0 +1,134 @@
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+/* @import '../components/weui-wxss/dist/style/weui.wxss'; */
+
+page {
+  height: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.page {
+  min-height: 100%;
+  background-color: var(--weui-BG-1);
+  color: var(--weui-FG-0);
+  font-size: 16px;
+  font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
+  max-width: 600px;
+}
+
+image {
+  max-width: 100%;
+  max-height: 100%
+}
+
+.link {
+  display: inline;
+  color: var(--weui-LINK)
+}
+
+.fadeIn {
+  -webkit-animation: a .3s forwards;
+  animation: a .3s forwards
+}
+
+.fadeOut {
+  -webkit-animation: b .3s forwards;
+  animation: b .3s forwards
+}
+
+@-webkit-keyframes a {
+  0% {
+    opacity: 0
+  }
+
+  to {
+    opacity: 1
+  }
+}
+
+@keyframes a {
+  0% {
+    opacity: 0
+  }
+
+  to {
+    opacity: 1
+  }
+}
+
+@-webkit-keyframes b {
+  0% {
+    opacity: 1
+  }
+
+  to {
+    opacity: 0
+  }
+}
+
+@keyframes b {
+  0% {
+    opacity: 1
+  }
+
+  to {
+    opacity: 0
+  }
+}
+
+.weui-msg__extra-area {
+  position: static
+}
+
+.page__hd {
+  padding: 40px
+}
+
+.page__bd {
+  padding-bottom: 40px
+}
+
+.page__bd_spacing {
+  padding-left: 15px;
+  padding-right: 15px
+}
+
+.page__ft {
+  padding-top: 40px;
+  padding-bottom: 10px;
+  padding-bottom: calc(10px + constant(safe-area-inset-bottom));
+  padding-bottom: calc(10px + env(safe-area-inset-bottom));
+  text-align: center
+}
+
+[data-weui-theme=dark] .page__ft image {
+  -webkit-filter: invert(100) hue-rotate(180deg);
+  filter: invert(100) hue-rotate(180deg)
+}
+
+.page__title {
+  text-align: left;
+  font-size: 20px;
+  font-weight: 400
+}
+
+.page__desc {
+  margin-top: 5px;
+  color: var(--weui-FG-1);
+  text-align: left;
+  font-size: 14px
+}
+
+.weui-cell_example:before {
+  left: 52px
+}
+
+@media (prefers-color-scheme: dark) {
+  page {
+    background-color: #1F1F1F;
+  }
+}

miniprogram/packageExtend/pages/extend/index-list/index-list.wxss

@@ -1,4 +1,4 @@
-@import '../../common.wxss';
+@import '../common.wxss';
 
 page{
     background-color: #FFFFFF;

miniprogram/packageExtend/pages/extend/select-text/select-text.wxss

@@ -1,4 +1,4 @@
-@import '../../common.wxss';
+@import '../common.wxss';
 
 page{
     height: 100%;

miniprogram/packageExtend/pages/extend/sticky/sticky.wxss

@@ -1,4 +1,4 @@
-@import '../../common.wxss';
+@import '../common.wxss';
 
 .page{
     background-color: var(--weui-BG-0);

miniprogram/packageExtend/pages/extend/tabs/tabs.wxss

@@ -1,4 +1,4 @@
-@import '../../common.wxss';
+@import '../common.wxss';
 
 .page{
     background-color: var(--weui-BG-2);

miniprogram/packageExtend/pages/extend/video-swiper/video-swiper.wxss

@@ -1,4 +1,4 @@
-@import '../../common.wxss';
+@import '../common.wxss';
 
 .page{
     background-color: var(--weui-BG-0);

miniprogram/packageExtend/pages/extend/vtabs/vtabs.wxss

@@ -1,4 +1,4 @@
-@import '../../common.wxss';
+@import '../common.wxss';
 
 .page{
     background-color: var(--weui-BG-2);