fix: 修复小程序demo预览在其他多端平台的样式问题

src/packages/__VUE/elevator/index.scss

@@ -3,8 +3,10 @@
   display: block;
   position: relative;
   &__list {
+    display: block;
     overflow: auto;
     &__item {
+      display: block;
       font-size: 12px;
       color: #333;
       &__code {
@@ -66,7 +68,3 @@
     }
   }
 }
-
-view {
-  display: block;
-}

src/packages/__VUE/elevator/index.taro.vue

@@ -23,9 +23,9 @@
         ></view>
       </view>
     </scroll-view>
-    <view class="nut-elevator__code--current" v-show="scrollStart" v-if="indexList.length">{{
-      indexList[currentIndex][acceptKey]
-    }}</view>
+    <view class="nut-elevator__code--current" v-show="scrollStart" v-if="indexList.length">
+      {{ indexList[currentIndex][acceptKey] }}
+    </view>
     <view class="nut-elevator__bars" @touchstart="touchStart" @touchmove.stop.prevent="touchMove" @touchend="touchEnd">
       <view class="nut-elevator__bars__inner">
         <view
@@ -179,11 +179,13 @@ export default create({
     };
 
     onMounted(() => {
-      setTimeout(() => {
-        Taro.nextTick(() => {
+      if (Taro.getEnv() === 'WEB') {
+        calculateHeight();
+      } else {
+        eventCenter.once((getCurrentInstance() as any).router.onReady, () => {
           calculateHeight();
         });
-      }, 300);
+      }
     });
 
     return {

src/sites/mobile-taro/vue/project.config.json

@@ -32,5 +32,7 @@
   "simulatorType": "wechat",
   "simulatorPluginLibVersion": {},
   "libVersion": "2.17.3",
-  "condition": {}
+  "condition": {
+    "miniprogram": {}
+  }
 }

src/sites/mobile-taro/vue/src/base/pages/avatar/index.vue

@@ -63,4 +63,7 @@ export default {
 .demo-avatar {
   color: #fff;
 }
+.nut-avatar {
+  margin-right: 24px;
+}
 </style>