样式调整

src/components/wechat/index.ux

@@ -0,0 +1,48 @@
+<template>
+	<div class="wechat-wrap">
+		<div class="wechat-content">
+			<text class="wechat-title">关注公众号方便您继续阅读</text>
+		</div>
+	</div>
+</template>
+<script>
+
+export default {
+	data: {
+
+	},
+	onInit() {
+
+	},
+
+}
+</script>
+<style lang="less" scoped>
+.wechat {
+  &-wrap {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background-color: rgba(0, 0, 0, 0.56);
+    flex-direction: column;
+    align-items: center;
+    z-index: 2;
+    justify-content: center;
+  }
+  &-content {
+    width: 600px;
+    height: 650px;
+    background-color: #fff;
+    flex-direction: column;
+    align-items: center;
+  }
+  &-title {
+    height: 120px;
+    line-height: 120px;
+    font-size: 32px;
+    font-weight: bold;
+  }
+}
+</style>

src/manifest.json

@@ -54,7 +54,7 @@
     "logLevel": "debug"
   },
   "router": {
-    "entry": "views/Recharge",
+    "entry": "views/Reader",
     "pages": {
       "views/Index": {
         "component": "index"

src/views/Reader/index.ux

@@ -1,4 +1,5 @@
 <import name="short-page" src="../../components/short/index.ux"></import>
+ <import name="wechat-page" src="../../components/wechat/index.ux"></import> 
 <template>
   <div id="reader-content">
     <list class="reader-wrap" id='list'>
@@ -16,6 +17,7 @@
       </list-item>
     </list>
     <short-page if="{{showShortPop}}"></short-page>
+    <!-- <wechat-page></wechat-page> -->
   </div>
 
 </template>

src/views/Recharge/index.ux

@@ -27,7 +27,7 @@
                 <text>元</text>
               </div>
             </div>
-            <text class="item-status {{$item.status==='UNPAID'?'':'paid'}}" >{{$item.status==='UNPAID'?'未支付':'已支付'}}</text>
+            <text class="item-status {{$item.status==='UNPAID'?'':'paid'}}">{{$item.status==='UNPAID'?'未支付':'已支付'}}</text>
           </div>
         </block>
       </div>
@@ -42,10 +42,10 @@ import { rechargeApi, getUserInfo } from "../../api/index";
 export default {
   private: {
     rechargeList: [],
-    user:{},
-    page:{
-      total:0,
-      current:1
+    user: {},
+    page: {
+      total: 0,
+      current: 1
     },
     user: {},
   },
@@ -53,18 +53,18 @@ export default {
     this.getOrder();
     this.getUserInfo();
   },
-  async getUserInfo(){
-    let user =await getUserInfo();
-    this.user=user;
-    console.log(this.user,'rrrrrrrrrrr')
+  async getUserInfo() {
+    let user = await getUserInfo();
+    this.user = user;
+    console.log(this.user, 'rrrrrrrrrrr')
   },
-  async getOrder(page=1,page_size=10) {
-    let res= await rechargeApi({page:page,page_size});
-    let {list,meta}=res;
-    this.rechargeList=list;
-    this.page={
-      total:meta.last_page,
-      current:meta.current_page
+  async getOrder(page = 1, page_size = 10) {
+    let res = await rechargeApi({ page: page, page_size });
+    let { list, meta } = res;
+    this.rechargeList = list;
+    this.page = {
+      total: meta.last_page,
+      current: meta.current_page
     }
   },
   toPay() {