@atomicservice/ascf-base 1.0.16 → 1.0.17

package/dist/templates/ascfRead/Page_Catalogue/component/c_catalogue_list.js

@@ -0,0 +1,57 @@
+Component({
+  methods: {
+    onInit() {
+      /*将总页面数分割成一定范围的组合，渲染到下拉列表*/
+      this.separateTotalPage();
+    },
+    separateTotalPage() {
+      let itemList = []; //用来装下拉列表option的数组
+      let totalPage = this.catalogue.total; //目录总数
+      let items = 20; //下拉列表的范围
+      let seperatePageMathCeil = Math.ceil(totalPage / items); //向上取整，一共要分多少项
+      let beginNumber = 0,
+        endNumber = 0;
+      for (let i = 0; i < seperatePageMathCeil; i++) {
+        let item = {}; //数组中的值
+        if (i === 0) {
+          beginNumber = 1;
+          item.evry = 1 + "-" + items;
+          itemList.push(item);
+        } else {
+          beginNumber += items;
+          endNumber = beginNumber + items - 1;
+          if (i === seperatePageMathCeil - 1) {
+            //下拉列表最后一项为目录总数totalPage
+            item.evry = beginNumber + "-" + totalPage;
+          } else {
+            item.evry = beginNumber + "-" + endNumber;
+          }
+          itemList.push(item);
+        }
+      }
+      this.options = itemList;
+      this.newList = this.catalogue.list;
+    },
+    changeValue(value) {
+      let selectedArr = value.newValue.split('-'); //value.newValue为下拉列表当前option的value
+      let newList = this.catalogue.list.slice(selectedArr[0] - 1, selectedArr[1]); //截取当前下拉列表范围的目录数据
+      this.newList = newList;
+    },
+    //跳转到阅读
+    goToRead(item) {
+      //跳转至阅读器页面
+      router.push({
+        uri: '/Page_Read',
+        params: {
+          item: item
+        }
+      });
+    }
+  },
+  data: {
+    itemList: [],
+    options: [],
+    newList: []
+  },
+  properties: ['catalogue']
+});

package/dist/templates/ascfRead/Page_Catalogue/component/c_catalogue_list.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

package/dist/templates/ascfRead/Page_Catalogue/index.css

@@ -0,0 +1,5 @@
+
+  .container {
+    display: flex;
+    flex-direction: column;
+  }

package/dist/templates/ascfRead/Page_Catalogue/index.hxml

@@ -0,0 +1,4 @@
+
+  <view class="container">
+    <catalogue catalogue="{{catalogueList}}"></catalogue>
+  </view>

package/dist/templates/ascfRead/Page_Catalogue/index.js

@@ -0,0 +1,122 @@
+Page({
+  data: {
+    catalogueList: {
+      total: 26,
+      // 书籍列表
+      list: [{
+        catalogueNumber: 1,
+        catalogueTitle: "机会",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 2,
+        catalogueTitle: "大战",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 3,
+        catalogueTitle: "回家",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 4,
+        catalogueTitle: "显灵",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 5,
+        catalogueTitle: "杀人灭口",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 6,
+        catalogueTitle: "被追杀",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 7,
+        catalogueTitle: "亲情",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 8,
+        catalogueTitle: "爱情",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 9,
+        catalogueTitle: "逆袭",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 10,
+        catalogueTitle: "完美",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 11,
+        catalogueTitle: "落幕",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 12,
+        catalogueTitle: "旅途",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 13,
+        catalogueTitle: "偶遇",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 14,
+        catalogueTitle: "夜幕",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 15,
+        catalogueTitle: "偷听",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 16,
+        catalogueTitle: "形势",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 17,
+        catalogueTitle: "风起云涌",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 18,
+        catalogueTitle: "卷土重来",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 19,
+        catalogueTitle: "奋不顾身",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 20,
+        catalogueTitle: "事与愿违",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 21,
+        catalogueTitle: "失去",
+        catalogueFree: 0
+      }, {
+        catalogueNumber: 22,
+        catalogueTitle: "悲壮",
+        catalogueFree: 1
+      }, {
+        catalogueNumber: 23,
+        catalogueTitle: "不顾一切",
+        catalogueFree: 1
+      }, {
+        catalogueNumber: 24,
+        catalogueTitle: "没死",
+        catalogueFree: 1
+      }, {
+        catalogueNumber: 25,
+        catalogueTitle: "养伤",
+        catalogueFree: 1
+      }, {
+        catalogueNumber: 26,
+        catalogueTitle: "寻找灵源",
+        catalogueFree: 1
+      }]
+    }
+  },
+  onInit() {
+    has.setNavigationBarTitle({
+      //titlebar的状态，在manifest.json中display设置的
+      text: '目录',
+      textColor: '##1A1A1A',
+      backgroundColor: 'rgba(242,242,242,0.95)',
+      menu: false
+    });
+  }
+});

package/dist/templates/ascfRead/Page_Catalogue/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "catalogue": "./component/c_catalogue_list"
+  },
+  "navigationBarTitleText": "目录"
+}

package/dist/templates/ascfRead/Page_Charge/component/c_charge_list.css

@@ -0,0 +1,81 @@
+
+  .charge_list_container {
+    margin: 0rpx 33rpx 0rpx 33rpx;
+  }
+
+  .charge_list {
+    display: flex;
+    margin-top: 20rpx;
+  }
+
+  .charge_right{
+    padding-left: 20rpx;
+    padding-top: 20rpx;
+  }
+
+  .charge_mooncakes {
+    color: #1a1a1a;
+    font-size: 31.3rpx;
+  }
+
+  .charge_present {
+    display: flex;
+    width: 25rpx;
+    height: 25rpx;
+    text-align: center;
+    align-items: center;
+    color: #FFFFFF;
+    font-size: 16.7rpx;
+    background-color: #FF8500;
+    margin-left: 20rpx;
+    margin-right: 5rpx;
+    border-radius: 3rpx;
+  }
+
+  .charge_voucher {
+    font-size: 25rpx;
+    color: #FF742E;
+  }
+
+  .charge_money {
+    color: #FF8500;
+    font-size: 31.3rpx;
+    margin-right: 18rpx;
+  }
+
+  .charge_btn {
+    display: flex;
+    width: 117rpx;
+    height: 58rpx;
+    background-color: #FF8500;
+    color: #FFFFFF;
+    font-size: 25rpx;
+    display: flex;
+    justify-content: center; /* 水平居中 */
+    align-items: center; /* 垂直居中，但这里需要额外的设置来实现真正的垂直居中 */
+    flex-direction: column; /* 如果想垂直居中，需要将方向设置为列 */
+    text-align: center; /* 对于行内或行内块元素，这有助于文本居中 */
+    border-radius: 8.3rpx;
+  }
+
+  .charge_notice {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .notice_title {
+    height: 100rpx;
+    color: #1a1a1a;
+    font-size: 31.3rpx;
+  }
+
+  .notice_text {
+    font-size: 27rpx;
+    color: #000000;
+    opacity: 0.5;
+  }
+
+  image{
+    width: 94rpx;
+    height: 125.5rpx;
+  }

package/dist/templates/ascfRead/Page_Charge/component/c_charge_list.hxml

@@ -0,0 +1,14 @@
+
+  <view class="charge_list_container">
+    <view class="charge_list" has:for="{{list}}" has:for-item="item">
+
+      <view class="charge_left">
+        <image src="{{item.image}}"></image>
+      </view>
+      <view class="charge_right">
+        <view>{{item.bookName}}</view>
+        <view>{{item.author}}</view>
+      </view>
+
+    </view>
+  </view>

package/dist/templates/ascfRead/Page_Charge/component/c_charge_list.js

@@ -0,0 +1,18 @@
+Component({
+  methods: {
+    recharge(money) {
+      //todo
+    }
+  },
+  data: {
+    noticeData: {
+      title: '温馨提示',
+      text1: '1.充值阅读权限仅限本书城使用。',
+      text2: '2.使用非短信方式进行充值，1元兑换100月饼。',
+      text3: '3.若充值后账户余额长时间无变化，请记录您的i账号 h***.@126.com后致电客服400-811-3311。'
+    }
+  },
+  properties: {
+    list: Array
+  }
+});

package/dist/templates/ascfRead/Page_Charge/component/c_charge_list.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

package/dist/templates/ascfRead/Page_Charge/index.css

@@ -0,0 +1,6 @@
+
+ 
+.clear{
+  text-align: right;
+  padding-right: 32rpx;
+}

package/dist/templates/ascfRead/Page_Charge/index.hxml

@@ -0,0 +1,5 @@
+
+  <view class="container">
+    <view class="clear" bind:tap="cleartap">清空</view>
+    <charge list="{{chargeList}}" key="{{key}}"></charge>
+  </view>

package/dist/templates/ascfRead/Page_Charge/index.js

@@ -0,0 +1,67 @@
+Page({
+  data: {
+    chargeList: [
+      {
+        image:'../img/1.png',
+        bookName:'活着',
+        author:'余华'
+      },
+      {
+        image:'../img/2.png',
+        bookName:'西游记',
+        author:'王承恩'
+      },
+      {
+        image:'../img/2.png',
+        bookName:'西游记2',
+        author:'王承恩'
+      },
+      {
+        image:'../img/2.png',
+        bookName:'西游记3西游记3西游记3西游记3',
+        author:'王承恩'
+      },
+      {
+        image:'../img/2.png',
+        bookName:'弗拉基米尔·弗拉基米罗维奇·普京自传',
+        author:'弗拉基米尔·弗拉基米罗维奇·普京'
+      },
+      {
+        image:'../img/2.png',
+        bookName:'西游记5',
+        author:'王承恩'
+      },
+      {
+        image:'../img/2.png',
+        bookName:'西游记6',
+        author:'王承恩'
+      },
+      {
+        image:'../img/2.png',
+        bookName:'西游记7',
+        author:'王承恩'
+      },
+      {
+        image:'../img/2.png',
+        bookName:'西游记8',
+        author:'王承恩'
+      }
+    ],
+    key:'0'
+  },
+  onInit() {
+    has.setNavigationBarTitle({
+      //titlebar的状态，在manifest.json中display设置的
+      text: '充值',
+      textColor: '#1A1A1A',
+      backgroundColor: 'rgba(242,242,242,0.95)',
+      menu: false
+    });
+  },
+  cleartap(){
+    this.setData({
+      chargeList:[],
+      key:'1'
+    })
+  }
+});

package/dist/templates/ascfRead/Page_Charge/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "charge": "./component/c_charge_list"
+  },
+  "navigationBarTitleText": "阅读记录"
+}

package/dist/templates/ascfRead/Page_Fenlei/component/c_novel_list.css

@@ -0,0 +1,91 @@
+
+	.single-container {
+		display: flex;
+		margin: 20rpx 33rpx 0rpx 33rpx;
+		flex-direction: column;
+	}
+
+	.single-list {
+		display: flex;
+		border-color: #0000ff;
+		justify-content: space-between;
+		flex-wrap: wrap;
+  }
+  
+  .bookContent {
+    display: flex;
+    flex-direction: row;
+  }
+
+	.single-product {
+	}
+
+	.single-description {
+		display: flex;
+		flex-direction: column;
+		width: 434rpx;
+		align-self: center;
+	}
+
+	.single-image {
+		width: 217rpx;
+		height: 217rpx;
+		margin: 17rpx 33rpx 11rpx 0rpx;
+		border-radius: 8rpx;
+	}
+
+	.single-title {
+		color: #000000;
+		font-size: 31.3rpx;
+		line-height: 40.6rpx;
+		margin: 24rpx 0rpx;
+	}
+
+	.single-brief {
+		color: #1a1a1a;
+		opacity: 0.5;
+		font-size: 27.1rpx;
+		line-height: 34.9rpx;
+    margin-bottom: 42rpx;
+    white-space: nowrap;    /* 禁止文本换行 */
+    overflow: hidden;       /* 隐藏超出容器的部分 */
+    text-overflow: ellipsis; /* 用省略号表示被隐藏的文本 */
+	}
+
+	.single-bottom {
+		display: flex;
+		justify-content: space-between;
+	}
+
+	.single-author {
+		color: #1a1a1a;
+		opacity: 0.5;
+		font-size: 27.1rpx;
+		align-self: center;
+	}
+
+	.single-div-clazz {
+		display: flex;
+		justify-content: flex-end;
+	}
+
+	.single-clazz {
+		width: 30%;
+		text-align: center;
+		color: #000000;
+		opacity: 0.5;
+		font-size: 16.7rpx;
+		line-height: 25rpx;
+		background-color: rgba(118, 118, 118, 0.1);
+		border-radius: 4.2rpx;
+		align-self: center;
+		margin-left: 10rpx;
+		margin-top: 6rpx;
+	}
+
+	.line {
+		width: 100%;
+		height: 1rpx;
+		background-color: rgba(24, 34, 51, 0.2);
+		margin-top: 40rpx;
+	}

package/dist/templates/ascfRead/Page_Fenlei/component/c_novel_list.hxml

@@ -0,0 +1,26 @@
+
+	<view class="single-container">
+		<view class="single-list">
+			<view type="item" has:for="{{list}}" class="single-product" has:for-item="item" has:key="index">
+				<view bind:tap="goToPage" class="bookContent" data-value="item">
+					<view>
+						<image class="single-image" src="{{item.image}}"></image>
+					</view>
+					<view class="single-description">
+						<text class="single-title">{{item.title}}</text>
+						<text class="single-brief">{{item.presentation}}</text>
+						<view class="single-bottom">
+							<view>
+								<text class="single-author">{{item.author}}</text>
+							</view>
+							<view class="single-div-clazz">
+								<text class="single-clazz">{{item.novelType}}</text>
+								<text class="single-clazz">{{item.evaluation}}</text>
+							</view>
+						</view>
+						<text class="line"></text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>

package/dist/templates/ascfRead/Page_Fenlei/component/c_novel_list.js

@@ -0,0 +1,13 @@
+Component({
+  methods: {
+    goToPage() {
+      //跳转至书籍详情页面
+      has.navigateTo({
+        url: '/Page_Bookdetails/index',
+      });
+    }
+  },
+  properties:{
+    list: Array
+  }
+});

package/dist/templates/ascfRead/Page_Fenlei/component/c_novel_list.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

package/dist/templates/ascfRead/Page_Fenlei/component/c_searchBar.css

@@ -0,0 +1,38 @@
+
+    .container {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-content: center;
+        align-items: center;
+    }
+
+    .title {
+        font-size: 100rpx;
+    }
+
+    .div_search {
+        display: flex;
+        background-color: #f2f2f2;
+        width: 684rpx;
+        height: 64rpx;
+        margin-left: 33rpx;
+        margin-right: 33rpx;
+        border-radius: 8rpx;
+        align-items: center;
+    }
+
+    .image_search {
+        width: 33rpx;
+        height: 33rpx;
+        margin: 17rpx;
+    }
+
+    .place_holder {
+        width: 500rpx;
+        height: 40rpx;
+        font-size: 27rpx;
+        color: #1A1A1A;
+        opacity: 0.3;
+        line-height: 40rpx;
+    }

package/dist/templates/ascfRead/Page_Fenlei/component/c_searchBar.hxml

@@ -0,0 +1,8 @@
+
+    <!-- 搜索栏组件 -->
+    <view class="container">
+        <view class="div_search" bind:tap="clickToSearch">
+            <image class="image_search" src="{{searchbar}}"></image>
+            <text class="place_holder">{{placeholder}}</text>
+        </view>
+    </view>

package/dist/templates/ascfRead/Page_Fenlei/component/c_searchBar.js

@@ -0,0 +1,17 @@
+Component({
+  methods: {
+    clickToSearch() {
+      //跳转至搜索页面
+      has.navigateTo({
+        url: '/Page_Search/index'
+      });
+    }
+  },
+  data: {
+    placeholder: '设计中的设计'
+  },
+  properties: {
+    url: String,
+    searchbar: String
+  }
+});

package/dist/templates/ascfRead/Page_Fenlei/component/c_searchBar.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}