Forráskód Böngészése

feature: 加入设备详情几个娱乐方式

Damon 1 éve
szülő
commit
f27652e40e
3 módosított fájl, 49 hozzáadás és 1 törlés
  1. 16 0
      pages/detail/detail.wxml
  2. 26 1
      pages/detail/detail.wxss
  3. 7 0
      project.private.config.json

+ 16 - 0
pages/detail/detail.wxml

@@ -1,4 +1,20 @@
 <view>
   <nav-bar bind:goBack="_goBack" nav-bgc-class="ex-nav-bgc-class" nav-title-class="ex-nav-title-class" ex-back-pre="ex-back-pre" navbar-data='{{nvabarData}}'>
   </nav-bar>
+
+  <view class="top_item_public">
+    <view class="top_item">
+      <image class="device_pic" mode="heightFix" src="./../../img/min.png"></image>
+      <view class="top_text">木鱼</view>
+    </view>
+    <view class="top_item">
+      <image class="device_pic" mode="heightFix" src="./../../img/min.png"></image>
+      <view class="top_text">壁纸</view>
+    </view>
+    <view class="top_item">
+      <image class="device_pic" mode="heightFix" src="./../../img/min.png"></image>
+      <view class="top_text">曲谱</view>
+    </view>
+  </view>
+
 </view>

+ 26 - 1
pages/detail/detail.wxss

@@ -1 +1,26 @@
-/* pages/detail/detail.wxss */
+.top_item_public {
+  display: flex;
+  margin-top: 50rpx;
+  /*  垂直布局 */
+  /* flex-direction: column; */
+  /*  水平居中 */
+  align-items: center;
+  /* 垂直居中 */
+  justify-content: center;
+}
+
+.top_item {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+
+.device_pic {
+  height: 70rpx;
+}
+
+.top_text {
+  align-items: center;
+  font-size: 30rpx;
+}

+ 7 - 0
project.private.config.json

@@ -9,6 +9,13 @@
     "miniprogram": {
       "list": [
         {
+          "name": "pages/detail/detail",
+          "pathName": "pages/detail/detail",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
           "name": "",
           "pathName": "pages/index/index",
           "query": "",