add

Author: zhouyupeng

package.json

@@ -11,6 +11,7 @@
     "axios": "^0.18.0",
     "core-js": "^2.6.5",
     "mint-ui": "^2.2.13",
+    "normalize.css": "^8.0.1",
     "vue": "^2.6.6",
     "vue-router": "^3.0.1",
     "vuex": "^3.0.1"

src/App.vue

@@ -9,6 +9,7 @@
 </template>
 
 <style lang="scss">
+@import "./node_modules/normalize.css/normalize";
 @import "style/common.scss";
 #app {
     font-family: "Avenir", Helvetica, Arial, sans-serif;

src/main.js

@@ -9,15 +9,14 @@ Vue.use(wechat);
 Object.keys(filters).forEach(item => {
     Vue.filter(item, filters[item])
 })
-
-const wx = Vue.wechat;
-wx.config({
-    appId: '',
-    nonceStr: '',
-    signature: '',
-    timestamp: '',
-    jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
-})
+// const wx = Vue.wechat;
+// wx.config({
+//     appId: '',
+//     nonceStr: '',
+//     signature: '',
+//     timestamp: '',
+//     jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
+// })
 Vue.config.productionTip = false
 Vue.config.devtools = true
 new Vue({

src/style/common.scss

@@ -1,88 +1,3 @@
-// /reset css
-a,
-blockquote,
-body,
-code,
-dd,
-div,
-dl,
-dt,
-em,
-fieldset,
-form,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-iframe,
-img,
-input,
-label,
-li,
-object,
-ol,
-p,
-q,
-small,
-span,
-strong,
-table,
-tbody,
-td,
-th,
-tr,
-ul {
-    margin: 0;
-    padding: 0;
-    border: 0
-}
-
-body {
-    font-family: "STHeiti", "Microsoft YaHei", Helvetica, Arial, sans-serif;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-text-size-adjust: none
-}
-
-a,
-a:active,
-a:focus,
-a:hover,
-a:visited {
-    text-decoration: none
-}
-
-a,
-img {
-    -webkit-touch-callout: none
-}
-
-li,
-ol,
-ul {
-    list-style: none
-}
-
-input[type=password],
-input[type=text],
-textarea {
-    resize: none;
-    outline: 0;
-    -webkit-appearance: none;
-    white-space: pre-wrap;
-    word-wrap: break-word;
-    background: #fff
-}
-
-.clearfix:after {
-    display: block;
-    clear: both;
-    content: "";
-    visibility: hidden;
-    height: 0
-}
-
 html {
     font-size: 13.33333vw
 }
@@ -180,4 +95,12 @@ html {
         width: 768PX;
         margin: 0 auto
     }
+}
+
+.clearfix:after {
+    display: block;
+    clear: both;
+    content: "";
+    visibility: hidden;
+    height: 0
 }

src/views/About.vue

@@ -57,9 +57,9 @@ a {
     @include ell();
 }
 h1 {
-    font-size: 18px;
+    font-size: 36px;
 }
 .msg {
-    font-size: 16px;
+    font-size: 32px;
 }
 </style>

src/views/Home.vue

@@ -4,7 +4,7 @@
             <router-link to="/">Home</router-link>|
             <router-link to="/about">About</router-link>
         </div>
-        
+
         <img alt="Vue logo" src="../assets/logo.png">
         <HelloWorld msg="Welcome to Your Vue.js App"/>
     </div>
@@ -21,6 +21,7 @@ export default {
     },
     created() {
         getIndex({ pageSiza: 100, num: 10 });
+        // console.log(this.$wechat)
     },
     mounted() {},