详情页面

app.json

@@ -2,6 +2,7 @@
   "pages": [
     "pages/index/index",
     "pages/home/home",
+    "pages/bookdetail/bookdetail",
     "example/index",
     "example/button/button",
     "example/list/list",

pages/bookdetail/bookdetail.js

+var base64 = require("../images/base64");
+
+Page({
+    onLoad: function(){
+        this.setData({
+            icon20: base64.icon20,
+            icon60: base64.icon60
+        });
+    }
+});
\ No newline at end of file

pages/bookdetail/bookdetail.json

+{}
\ No newline at end of file

pages/bookdetail/bookdetail.wxml

+<view class="page">
+    
+    <view class="page__bd">
+        <view class="weui-panel weui-panel_access">
+            <view class="weui-panel__bd">
+                <navigator url="" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
+                    <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
+                        <image class="weui-media-box__thumb" src="./img/book1.jpg" />
+                    </view>
+                    <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
+                        <view class="weui-media-box__desc">作者：猴子</view>
+                        <view class="weui-media-box__desc">页数：250</view>
+                        <view class="weui-media-box__desc">评分：5</view>
+                        <view class="weui-media-box__desc">出版年份：2012</view>
+                    </view>
+                </navigator>
+            </view>
+            <view class="weui-panel_content">
+              如果你无法简洁的表达你的想法，那只说明你还不够了解它。如果你无法简洁的表达你的想法，那只说明你还不够了解它。如果你无法简洁的表达你的想法;
+            </view>
+            <view class="weui-panel__ft">
+                <view class="weui-cell weui-cell_access weui-cell_link">
+                    <view class="weui-cell__bd">借阅</view>
+                </view>
+            </view>
+        </view>
+    </view>
+</view>
\ No newline at end of file

pages/bookdetail/bookdetail.wxss

+/* example/panel/panel.wxss */
+.weui-cell__bd{
+  text-align: center;
+  color: #101010;
+}
+.weui-media-box_appmsg{
+  padding-left: 8px;
+  padding-top: 8px;
+  border-bottom: 1px solid #ccc;
+}
+.weui-media-box__hd_in-appmsg{
+  width: 154px;
+  height: 154px;
+  margin-right: 0;
+}
+.weui-media-box__thumb{
+  width: 60px;
+  height: 80px;
+  margin-top: 30px;
+}
+.weui-media-box__desc{
+  color: #101010;
+}
+.weui-panel_content{
+  width: 350px;
+  margin: auto;
+  margin-top: 30px;
+  margin-bottom: 30px;
+  font-size: 14px;
+}
+/* .weui-cell{
+  border-top: 1px solid #ccc;
+} */
\ No newline at end of file

project.config.json

@@ -24,13 +24,23 @@
 			"current": -1,
 			"list": []
 		},
+		"plugin": {
+			"current": -1,
+			"list": []
+		},
 		"game": {
 			"currentL": -1,
 			"list": []
 		},
 		"miniprogram": {
-			"current": -1,
-			"list": []
+			"current": 0,
+			"list": [
+				{
+					"id": -1,
+					"name": "cp",
+					"pathName": "pages/bookdetail/bookdetail"
+				}
+			]
 		}
 	}
 }
\ No newline at end of file