静态页面

project.config.json

@@ -5,35 +5,35 @@
 	"appid": "wx75ce0dc4b59e0458",
 	"setting": {
 		"urlCheck": false,
-		"scopeDataCheck": false,
-		"coverView": true,
 		"es6": false,
+		"enhance": false,
 		"postcss": false,
-		"compileHotReLoad": false,
 		"preloadBackgroundData": false,
 		"minified": false,
-		"autoAudits": false,
 		"newFeature": false,
-		"uglifyFileName": false,
-		"uploadWithSourceMap": true,
-		"useIsolateContext": true,
+		"coverView": true,
 		"nodeModules": false,
-		"enhance": false,
-		"useCompilerModule": false,
-		"userConfirmedUseCompilerModuleSwitch": false,
+		"autoAudits": false,
 		"showShadowRootInWxmlPanel": true,
+		"scopeDataCheck": false,
+		"uglifyFileName": false,
 		"checkInvalidKey": true,
 		"checkSiteMap": true,
-		"useMultiFrameRuntime": true,
-		"useApiHook": true,
-		"useApiHostProcess": false,
+		"uploadWithSourceMap": true,
+		"compileHotReLoad": false,
 		"babelSetting": {
 			"ignore": [],
 			"disablePlugins": [],
 			"outputPath": ""
 		},
-		"enableEngineNative": false,
 		"bundle": false,
+		"useIsolateContext": true,
+		"useCompilerModule": false,
+		"userConfirmedUseCompilerModuleSwitch": false,
+		"useMultiFrameRuntime": true,
+		"useApiHook": true,
+		"useApiHostProcess": false,
+		"enableEngineNative": false,
 		"userConfirmedBundleSwitch": false,
 		"packNpmManually": false,
 		"packNpmRelationList": [],

src/pages/Index/BookDetail/index.vue

@@ -18,10 +18,13 @@
                 </view>
               </view>
               <view class="SubInfo">
-                <view class="Tag">
+                <view class="Tag flex-h">
                   <text class="iconfont iconbiaoqian"></text>
                   <text>分类：</text>
                   <text class="active">{{ArticleInfo.typeName}}</text>
+                  <view class="flex-item"></view>
+                  <text class="iconfont iconfenxiang" @tap="ShareArticle"></text>
+                  <button open-type="share" class="ShareBtn">分享</button>
                 </view>
                 <view class="flex-h">
                   <view class="flex-item flex-h" style="flex: 3; -webkit-flex: 3;">

src/pages/Index/BookDetail/page.scss

@@ -17,6 +17,7 @@
       > .FrontInfo {
         position: relative;
         overflow: hidden;
+        > .Share,
         > .Like {
           display: inline-block;
           position: absolute;
@@ -39,6 +40,9 @@
             }
           }
         }
+        > .Share {
+          top: 120px;
+        }
         > .Img {
           padding: 30px 120px;
           position: relative;
@@ -81,6 +85,14 @@
                 border-radius: 6px;
               }
             }
+            > .ShareBtn {
+              opacity: 0;
+              width: 40px;
+              position: absolute;
+              z-index: 3;
+              right: 30px;
+              top: 0;
+            }
           }
           > .flex-h {
             align-items: center;