refactor: 使用最新的开发规范重构小程序

Author: Vace

Diff for: README.md

@@ -1,13 +1,10 @@
 # wechatapp-news-reader
-微信小程序 —— 新闻阅读器
+微信小程序 —— 新闻阅读器（示例）
 
 ## 说明
 
-1.数据部分API来源于[《中安新闻客户端》](http://www.anhuinews.com/)
-2.富文本解析[wxParse](https://github.com/icindy/wxParse)
-
-
-
+- 所有数据均为模拟的假数据，见 `mock` 文件夹
+- 富文本解析使用 [mp-html](https://github.com/jin-yufeng/mp-html)
 
 ## 界面截图
 

Diff for: app.js

@@ -1,27 +1,2 @@
 //app.js
-const utils = require('./utils/util.js')
-
-App({
-    onLaunch: function() {
-
-    },
-
-    getUserInfo(){
-      return new utils.Promise((resolve,reject) => {
-        if(this.globalData.userInfo){
-          resolve(this.globalData.userInfo)
-        }
-        return utils.getUserInfo().then(res => {
-          resolve(this.globalData.userInfo = res.userInfo)
-        })
-      })
-    },
-  globalData:{
-    userInfo:null,
-    categoryChanged:true
-  },
-
-  cacheSubscibe:[],
-
-  utils
-})
+App({})

Diff for: app.json

@@ -1,46 +1,51 @@
 {
-    "pages": [
-        "pages/news/index",
-        "pages/news/detail",
-        "pages/news/manage",
-        "pages/subscibe/index",
-        "pages/subscibe/article",
-        "pages/found/index",
-
-        "pages/user/index"
-    ],
-    "window": {
-        "backgroundTextStyle": "light",
-        "navigationBarBackgroundColor": "#fff",
-        "navigationBarTitleText": "News Reader",
-        "navigationBarTextStyle": "black"
-    },
-    "tabBar": {
-        "color": "#333",
-        "selectedColor": "#d81e06",
-        "borderStyle": "white",
-        "backgroundColor": "#ffffff",
-        "list": [{
-            "pagePath": "pages/news/index",
-            "iconPath": "image/icon-news.png",
-            "selectedIconPath": "image/icon-news-a.png",
-            "text": "新闻"
-        }, {
-            "pagePath": "pages/subscibe/index",
-            "iconPath": "image/icon-sub.png",
-            "selectedIconPath": "image/icon-sub-a.png",
-            "text": "订阅"
-        }, {
-            "pagePath": "pages/found/index",
-            "iconPath": "image/icon-like.png",
-            "selectedIconPath": "image/icon-like-a.png",
-            "text": "发现"
-        }, {
-            "pagePath": "pages/user/index",
-            "iconPath": "image/icon-user.png",
-            "selectedIconPath": "image/icon-user-a.png",
-            "text": "我的"
-        }]
-    },
-    "debug":true
+  "pages": [
+    "pages/news/index",
+    "pages/news/detail",
+    "pages/news/manage",
+    "pages/subscibe/index",
+    "pages/subscibe/article",
+    "pages/found/index",
+    "pages/user/index"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "News Reader",
+    "navigationBarTextStyle": "black"
+  },
+  "tabBar": {
+    "color": "#333",
+    "selectedColor": "#d81e06",
+    "borderStyle": "white",
+    "backgroundColor": "#ffffff",
+    "list": [
+      {
+        "pagePath": "pages/news/index",
+        "iconPath": "image/icon-news.png",
+        "selectedIconPath": "image/icon-news-a.png",
+        "text": "新闻"
+      },
+      {
+        "pagePath": "pages/subscibe/index",
+        "iconPath": "image/icon-sub.png",
+        "selectedIconPath": "image/icon-sub-a.png",
+        "text": "订阅"
+      },
+      {
+        "pagePath": "pages/found/index",
+        "iconPath": "image/icon-like.png",
+        "selectedIconPath": "image/icon-like-a.png",
+        "text": "发现"
+      },
+      {
+        "pagePath": "pages/user/index",
+        "iconPath": "image/icon-user.png",
+        "selectedIconPath": "image/icon-user-a.png",
+        "text": "我的"
+      }
+    ]
+  },
+  "debug": true,
+  "sitemapLocation": "sitemap.json"
 }

Diff for: app.wxss

@@ -1,6 +1,3 @@
-@import "./utils/wxParse/wxParse.wxss";
-
-
 /**app.wxss**/
 .page {
     min-height: 100%;
@@ -26,34 +23,32 @@
 }
 .article__item{
   display: flex;
-  padding: 30rpx;
+  padding: 30rpx 20rpx;
   align-items: center;
   border-bottom: 1rpx solid #eee;
   position: relative;
-  padding-bottom: 40rpx;
+  padding-bottom: 20rpx;
 }
 .article__thumb{
-  width:4.2rem;
-  height: 3rem;
-  margin-right: 0.6rem;
+  width: 160rpx;
+  height: 140rpx;
+  margin-right: 20rpx;
 }
 .article__image{
-  width:4.2rem;
-  height: 3rem;
+  width:160rpx;
+  height: 140rpx;
 }
 .article__info{
   flex: 1;
-  width: 100%;
-  overflow: hidden;
 }
 .article__title{
   font-weight: 400;
   font-size: 26rpx;
   text-overflow: ellipsis;
-  white-space:nowrap;
   display: block;
   width: 100%;
   margin-bottom: 20rpx;
+  overflow: hidden;
 }
 /* 支持多行 */
 .article__title__large{
@@ -76,13 +71,13 @@
 }
 .article__ad{
   width: 100%;
-  height: 4rem;
+  height: 240rpx;
   border-radius: 10rpx;
 }
 
 .article__remark{
   bottom: 0;
-  width: 20rem;
+  width: 750rpx;
   display: block;
   font-size: 28rpx;
 }

Diff for: components/mp-html/index.js

@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node/node"}}

Diff for: components/mp-html/index.json

@@ -0,0 +1 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}"><slot wx:if="{{!nodes[0]}}"/><node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" catchadd="_add"/></view>

Diff for: components/mp-html/index.wxml

@@ -0,0 +1 @@
+._root{padding:1px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._select{-webkit-user-select:text;user-select:text}

Diff for: components/mp-html/index.wxss

@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node"}}

Diff for: components/mp-html/node/node.js

@@ -0,0 +1 @@
+<wxs module="isInline">var e={abbr:!0,b:!0,big:!0,code:!0,del:!0,em:!0,i:!0,ins:!0,label:!0,q:!0,small:!0,span:!0,strong:!0,sub:!0,sup:!0};module.exports=function(n,i){return e[n]||-1!==(i||"").indexOf("inline")};</wxs><template name="el"><block wx:if="{{n.name==='img'}}"><image wx:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix"/><image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':'')}}" lazy-load="{{opts[0]}}" webp="{{n.webp}}" show-menu-by-longpress="{{opts[3]&&!n.attrs.ignore}}" data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop"/></block><text wx:elif="{{n.text}}" user-select="{{opts[4]}}" decode>{{n.text}}</text><text wx:elif="{{n.name==='br'}}">\n</text><view wx:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap"><node childs="{{n.children}}" opts="{{opts}}" style="display:inherit"/></view><video wx:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><audio wx:elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><rich-text wx:else id="{{n.attrs.id}}" style="{{n.f}}" user-select="{{opts[4]}}" nodes="{{[n]}}"/></template><block wx:for="{{childs}}" wx:for-item="n1" wx:for-index="i1" wx:key="i1"><template wx:if="{{!n1.c&&(!n1.children||n1.name==='a'||!isInline(n1.name,n1.attrs.style))}}" is="el" data="{{n:n1,i:''+i1,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n1.attrs.id}}" class="_{{n1.name}} {{n1.attrs.class}}" style="{{n1.attrs.style}}"><block wx:for="{{n1.children}}" wx:for-item="n2" wx:for-index="i2" wx:key="i2"><template wx:if="{{!n2.c&&(!n2.children||n2.name==='a'||!isInline(n2.name,n2.attrs.style))}}" is="el" data="{{n:n2,i:i1+'_'+i2,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n2.attrs.id}}" class="_{{n2.name}} {{n2.attrs.class}}" style="{{n2.attrs.style}}"><block wx:for="{{n2.children}}" wx:for-item="n3" wx:for-index="i3" wx:key="i3"><template wx:if="{{!n3.c&&(!n3.children||n3.name==='a'||!isInline(n3.name,n3.attrs.style))}}" is="el" data="{{n:n3,i:i1+'_'+i2+'_'+i3,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n3.attrs.id}}" class="_{{n3.name}} {{n3.attrs.class}}" style="{{n3.attrs.style}}"><block wx:for="{{n3.children}}" wx:for-item="n4" wx:for-index="i4" wx:key="i4"><template wx:if="{{!n4.c&&(!n4.children||n4.name==='a'||!isInline(n4.name,n4.attrs.style))}}" is="el" data="{{n:n4,i:i1+'_'+i2+'_'+i3+'_'+i4,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n4.attrs.id}}" class="_{{n4.name}} {{n4.attrs.class}}" style="{{n4.attrs.style}}"><block wx:for="{{n4.children}}" wx:for-item="n5" wx:for-index="i5" wx:key="i5"><template wx:if="{{!n5.c&&(!n5.children||n5.name==='a'||!isInline(n5.name,n5.attrs.style))}}" is="el" data="{{n:n5,i:i1+'_'+i2+'_'+i3+'_'+i4+'_'+i5,opts:opts,ctrl:ctrl}}"/><node wx:else id="{{n5.attrs.id}}" class="_{{n5.name}} {{n5.attrs.class}}" style="{{n5.attrs.style}}" childs="{{n5.children}}" opts="{{opts}}"/></block></view></block></view></block></view></block></view></block>

Diff for: components/mp-html/node/node.json

@@ -0,0 +1 @@
+._a{padding:1.5px 0 1.5px 0;color:#366092;word-break:break-all}._hover{text-decoration:underline;opacity:.7}._img{max-width:100%;-webkit-touch-callout:none}._b,._strong{font-weight:700}._code{font-family:monospace}._del{text-decoration:line-through}._em,._i{font-style:italic}._h1{font-size:2em}._h2{font-size:1.5em}._h3{font-size:1.17em}._h5{font-size:.83em}._h6{font-size:.67em}._h1,._h2,._h3,._h4,._h5,._h6{display:block;font-weight:700}._ins{text-decoration:underline}._li{display:list-item}._ol{list-style-type:decimal}._ol,._ul{display:block;padding-left:40px;margin:1em 0}._q::before{content:'"'}._q::after{content:'"'}._sub{font-size:smaller;vertical-align:sub}._sup{font-size:smaller;vertical-align:super}._tbody,._tfoot,._thead{display:table-row-group}._tr{display:table-row}._td,._th{display:table-cell;vertical-align:middle}._th{font-weight:700;text-align:center}._ul{list-style-type:disc}._ul ._ul{margin:0;list-style-type:circle}._ul ._ul ._ul{list-style-type:square}._abbr,._b,._code,._del,._em,._i,._ins,._label,._q,._span,._strong,._sub,._sup{display:inline}._blockquote,._div,._p{display:block}

Diff for: components/mp-html/node/node.wxml

@@ -0,0 +1,25 @@
+{
+	"code": 0,
+	"message": "请求成功",
+	"data": [{
+		"id": 6039141,
+		"image": "http:\/\/resource.anhuiyun.anhuinews.com\/ahtt\/P0202205\/P020220526\/P020220526250538268778.jpg",
+		"title": "引江济淮9月底将实现试通水"
+	}, {
+		"id": 6039076,
+		"image": "http:\/\/resource.anhuiyun.anhuinews.com\/ahtt\/P0202205\/P020220526\/P020220526223385377533.png",
+		"title": "山村“秘境”迎客来"
+	}, {
+		"id": 6039036,
+		"image": "http:\/\/resource.anhuiyun.anhuinews.com\/ahtt\/P0202205\/P020220526\/P020220526181243378775.jpg",
+		"title": "安徽宿松：小麦喜丰收 插秧不误时"
+	}, {
+		"id": 6039038,
+		"image": "http:\/\/resource.anhuiyun.anhuinews.com\/ahtt\/P0202205\/P020220526\/P020220526178546100780.jpg",
+		"title": "安徽美术馆正式开放 高清大图先睹为快"
+	}, {
+		"id": 6011225,
+		"image": "http:\/\/resource.anhuiyun.anhuinews.com\/ahtt\/P0202205\/P020220513\/P020220513177264367300.jpg",
+		"title": "5.2亿！福彩快乐8大派奖"
+	}]
+}