@atomicservice/ascf-base 1.0.16 → 1.0.17

package/dist/templates/ascfRead/Page_Bookdetails/component/c_list_single.css

@@ -0,0 +1,110 @@
+
+	.single-container {
+		display: flex;
+		flex-direction: column;
+	}
+
+	.swiper-head {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 30rpx;
+		margin-top: 50rpx;
+  }
+  
+  .book-item {
+    display: flex;
+    flex-direction: row;
+  }
+
+	.swiper-main-title {
+		font-size: 31.3rpx;
+		color: #1A1A1A;
+		font-weight: bold;
+		align-self: center;
+	}
+
+	.swiper-link {
+		font-size: 27rpx;
+		color: #8D8D8D;
+		align-self: center;
+		margin-right: 14rpx;
+	}
+
+	.swiper-arrow {
+		width: 16rpx;
+		height: 28rpx;
+		align-self: center;
+	}
+
+	.single-list {
+		display: flex;
+		border-color: #0000ff;
+		justify-content: space-between;
+		flex-wrap: wrap;
+	}
+
+	.single-product {
+		height: 317rpx;
+	}
+
+	.single-description {
+		display: flex;
+		flex-direction: column;
+		width: 434rpx;
+		height:90%;
+		align-self: center;
+		border-bottom-width: 1rpx;
+		border-bottom-color: #f2f2f2;
+	}
+
+	.single-image {
+		width: 217rpx;
+		height: 290rpx;
+		margin-right: 33rpx;
+		border-radius: 8rpx;
+	}
+
+	.single-title {
+		color: #000000;
+		font-size: 31.3rpx;
+		line-height: 40.6rpx;
+		margin-bottom: 16rpx;
+	}
+
+	.single-brief {
+		color: #1A1A1A;
+		opacity: 0.5;
+		font-size: 27.1rpx;
+		line-height: 34.9rpx;
+		margin-bottom: 49rpx;
+	}
+
+	.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 {
+		color: #000000;
+		opacity: 0.5;
+		font-size: 16.7rpx;
+		line-height: 24rpx;
+		background-color: rgba(0, 0, 0, 0.1);
+		border-radius: 8.3rpx;
+		align-self: center;
+		margin-left: 10rpx;
+		text-align: center;
+		padding: 10rpx 20rpx;
+	}

package/dist/templates/ascfRead/Page_Bookdetails/component/c_list_single.hxml

@@ -0,0 +1,31 @@
+
+	<view class="single-container">
+		<view class="swiper-head">
+			<view>
+				<text class="swiper-main-title">{{list.title}}</text>
+			</view>
+			<view>
+				<text class="swiper-link">{{list.subtitle}}</text>
+				<!-- <image class="swiper-arrow" src="{{list.arrow}}"></image> -->
+			</view>
+		</view>
+		<view class="single-list">
+			<view has:for="{{list.list}}" has:for-item="item" class="single-product">
+				<view bind:tap="goToPage" class="book-item">
+					<image class="single-image" src="{{item.image}}"></image>
+					<view class="single-description">
+						<text class="single-title">{{item.title}}</text>
+						<text class="single-brief">{{item.brief}}</text>
+						<view class="single-bottom">
+							<view>
+								<text class="single-author"></text>
+							</view>
+							<view class="single-div-clazz">
+								<text has:for="{{item.clazz}}" has:for-item="item" class="single-clazz">{{item}}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>

package/dist/templates/ascfRead/Page_Bookdetails/component/c_list_single.js

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

package/dist/templates/ascfRead/Page_Bookdetails/component/c_list_single.json

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

package/dist/templates/ascfRead/Page_Bookdetails/component/c_more_information.css

@@ -0,0 +1,73 @@
+
+	.information_container {
+		display: flex;
+		height: 369rpx;
+		padding: 0rpx 34rpx 0rpx 34rpx;
+		width: 100%;
+		flex-direction: column;
+	}
+
+	.information_head {
+		height: 60rpx;
+	}
+
+  .information_words {
+    width: 700rpx;
+    display: flex;
+    flex-direction: row;
+  }
+
+  .information_time {
+    width: 700rpx;
+    display: flex;
+    flex-direction: row;
+  }
+
+  .information_publisher {
+    width: 700rpx;
+    display: flex;
+    flex-direction: row;
+  }
+
+  .information_number {
+    width: 700rpx;
+    display: flex;
+    flex-direction: row;
+  }
+
+  .information_statement {
+    width: 700rpx;
+    display: flex;
+    flex-direction: row;
+  }
+
+	.information_main_title {
+		font-size: 31.3rpx;
+		color: #1A1A1A;
+		font-weight: bold;
+	}
+
+	.information_list {
+		display: flex;
+		flex-direction: column;
+		margin-top: 17rpx;
+	}
+
+	.left_text {
+		color: rgba(0, 0, 0, 0.5);
+		font-size: 25rpx;
+		width: 180rpx;
+	}
+
+	.right_text {
+		color: rgba(0, 0, 0, 1);
+    font-size: 25rpx;
+    width: 520rpx;
+	}
+
+
+	.right_statement_text {
+		color: rgba(0, 0, 0, 1);
+    font-size: 25rpx;
+    width: auto;
+	}

package/dist/templates/ascfRead/Page_Bookdetails/component/c_more_information.hxml

@@ -0,0 +1,50 @@
+
+	<view class="information_container">
+		<view class="information_head">
+			<view>
+				<text class="information_main_title">图书更多信息</text>
+			</view>
+		</view>
+		<view class="information_list">
+			<view class="information_words">
+      <view class="left_text">
+        <text>字数</text>
+      </view>
+      <view class="left_text">
+        <text class="right_text">{{list.words}}</text>
+      </view>
+			</view>
+			<view class="information_time">
+        <view class="left_text">
+				  <text>上架时间</text>
+        </view>
+        <view class="right_text">
+          <text>{{list.time}}</text>
+        </view>
+			</view>
+			<view class="information_publisher">
+        <view class="left_text">
+				  <text>出版社</text>
+        </view>
+        <view class="right_text">
+          <text>{{list.publisher}}</text>
+        </view>
+			</view>
+			<view class="information_number">
+        <view class="left_text">
+				  <text>书号</text>
+        </view>
+        <view class="right_text">
+          <text>{{list.number}}</text>
+        </view>
+			</view>
+			<view class="information_statement">
+        <view class="left_text">
+          <text>免责声明</text>
+        </view>
+        <view class="right_text">
+          <text class="right_statement_text">{{list.statement}}</text>
+        </view>
+			</view>
+		</view>
+	</view>

package/dist/templates/ascfRead/Page_Bookdetails/component/c_more_information.js

@@ -0,0 +1,6 @@
+Component({
+  methods: {},
+  properties: {
+    list: Object
+  }
+});

package/dist/templates/ascfRead/Page_Bookdetails/component/c_more_information.json

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

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

@@ -0,0 +1,96 @@
+
+  .bookdetail-box {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-content: center;
+    align-items: center;
+  }
+
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 100rpx;
+    width: 100%;
+    padding: 0 33rpx;
+  }
+
+  .header_right {
+    display: flex;
+    align-items: center;
+  }
+
+  .header_shear {
+    display: flex;
+    align-items: center;
+    width: 100rpx;
+    height: 100rpx;
+  }
+
+  .header_manu {
+    margin-left: 12rpx;
+    width: 25rpx;
+    height: 50rpx;
+  }
+
+  .back_img,
+  .shear_img {
+    width: 50rpx;
+    height: 50rpx;
+  }
+
+  .bookdetail-box-desc {
+    padding: 34rpx 34rpx 0rpx 33rpx;
+  }
+
+  .bookdetail-box-one {
+    margin: 17rpx 33rpx 10rpx 33rpx;
+  }
+
+  .bookdetail-box-two {
+    margin-top: 15rpx;
+  }
+
+  .bookdetail-box-three {
+    margin: 15rpx 0rpx 100rpx 0rpx;
+  }
+
+  .maintab-shadow-bottom {
+    width: 100%;
+    height: 100rpx;
+  }
+
+  .detail_bottom {
+    display: flex;
+    position: fixed;
+    background-color: #ffffff;
+    height: 140rpx;
+    width: 700rpx;
+    padding: 0 34rpx;
+    bottom: 0rpx;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .bottom_left_btn {
+    height: 40rpx;
+    width: 316rpx;
+    padding: 15rpx 0;
+    color: #1a1a1a;
+    font-size: 31.3rpx;
+    text-align: center;
+    border-radius: 8.3rpx;
+    border: 1rpx solid #d4d4d4;
+  }
+
+  .bottom_right_btn {
+    height: 40rpx;
+    width: 316rpx;
+    padding: 15rpx 0;
+    color: #ffffff;
+    font-size: 31.3rpx;
+    background-color: #D00218;
+    text-align: center;
+    border-radius: 8.3rpx;
+  }

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

@@ -0,0 +1,25 @@
+
+  <!-- template里只能有一个根节点 -->
+  <view class="bookdetail-box">
+    <!-- 书籍名称 -->
+    <view type="listItem" class="bookdetail-box-desc">
+      <cover list="{{bookCover}}" param="{{item}}"></cover>
+    </view>
+    <!--该作者其它作品 -->
+    <view type="listItem1" class="bookdetail-box-one">
+      <other list="{{listbyyouread}}"></other>
+    </view>
+    <!-- 喜欢这本书的人还喜欢 -->
+    <view type="listItem2" class="bookdetail-box-two">
+      <more list="{{subjectlist}}" banner="{{banner}}"></more>
+    </view>
+    <!-- 图书更多信息 -->
+    <view type="listItem3" class="bookdetail-box-three">
+      <information list="{{moreInformation}}"></information>
+    </view>
+
+    <view type="listItem4" class="detail_bottom">
+      <text class="bottom_left_btn" bind:tap="addToBookshelf">加入书架</text>
+      <text class="bottom_right_btn" bind:tap="toRead">立即阅读</text>
+    </view>
+  </view>

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

@@ -0,0 +1,104 @@
+Page({
+  data: {
+    protected: {
+      item: '' //item 为将接收的路由参数
+    },
+    titleData: {
+      backImage: "/Page_Bookdetails/img/back.png",
+      shareImage: "/Page_Bookdetails/img/share.png",
+      menuImage: "/Page_Bookdetails/img/"
+    },
+    bookCover: {
+      title: "冰与火之歌",
+      score: "234567",
+      author: "村上村树",
+      words: "61万字",
+      chapter: '2544',
+      type: "玄幻修仙",
+      image: "/Page_Bookdetails/TO_DELETE/ice1.png",
+      arrow: "/Page_Bookdetails/img/arrow.png",
+      presentation: '这样确切的爱，一生只有一次。彭野，一个即使没有手表也能知道时间的男人，一个在草原上识别八十八个星座的男人，一个拥有神射手般枪法的男长，一个为了心爱的女人能屈能伸的男人，一个几乎无所不能的男人。程迦，一个在荒野中落单却淡定坐在车顶抽烟的女人，一个帮着羞涩小伙子**大胆示爱的女人，一个中了枪也一声不吭的女人，一个因为彭野而终于知道什么是爱情的女人。有风的地方，就会想起彭野，如狂风般强硬；有海的地方，就会想起程迦，如大海般柔软。仍记得，他指间一斜蓝天日出，鹰在穿梭。他对鹰说：“程迦，明天是个好天气。”他说是，就当然会是，因为——他知道风从哪个方向来。 '
+    },
+    //其它作品
+    listbyyouread: {
+      title: "该作者其它作品",
+      subtitle: "更多",
+      arrow: "/Page_Bookdetails/img/arrow.png",
+      list: [{
+        image: '/Page_Bookdetails/TO_DELETE/read1.png',
+        title: '书生只见',
+        brief: '结婚仿佛金漆的笼子，笼子外面的鸟想住进去，笼内的鸟想飞出来',
+        author: '孟康',
+        clazz: ['古典爱情', '文学']
+      }, {
+        image: '/Page_Bookdetails/TO_DELETE/read1.png',
+        title: '只见书生',
+        brief: '海归的高管，初入职场的乖乖女，犯傻的小职员，胡同里不能低下头的公主加上富二代的小奸商。',
+        author: '孟康',
+        clazz: ['古典爱情', '文学']
+      }, {
+        image: '/Page_Bookdetails/TO_DELETE/read1.png',
+        title: '奈印',
+        brief: '结婚仿佛金漆的笼子，笼子外面的鸟想住进去，笼内的鸟想飞出来',
+        author: '孟康',
+        clazz: ['古典爱情', '文学']
+      }]
+    },
+    //喜欢这本书的人还喜欢
+    banner: {
+      title: '喜欢这本书的人还喜欢',
+      link: '更多',
+      image: '/Page_Bookdetails/img/arrow.png'
+    },
+    subjectlist: [{
+      image: '/Page_Bookdetails/TO_DELETE/ice1.png',
+      title: '冰与火之歌1',
+      people: 2301,
+      author: "玲珑"
+    }, {
+      image: '/Page_Bookdetails/TO_DELETE/ice1.png',
+      title: '冰与火之歌2',
+      people: 2001,
+      author: "玲珑"
+    }, {
+      image: '/Page_Bookdetails/TO_DELETE/ice1.png',
+      title: '冰与火之歌3',
+      people: 3001,
+      author: "玲珑"
+    }, {
+      image: '/Page_Bookdetails/TO_DELETE/ice1.png',
+      title: '冰与火之歌4',
+      people: 3212,
+      author: "玲珑"
+    }, {
+      image: '/Page_Bookdetails/TO_DELETE/ice1.png',
+      title: '冰与火之歌5',
+      people: 3121,
+      author: "玲珑"
+    }],
+    moreInformation: {
+      words: 42.3,
+      time: '2018/9/14',
+      publisher: '出版社',
+      number: 85462364245,
+      statement: '本书数字版权由"上海客服（出版）"提供，并由其授权掌阅科技股份有限公司制作发行，若书中含有不良信息，请书友积极告知客服。'
+    }
+  },
+  onMenuPress() {
+    prompt.showContextMenu({
+      itemList: ['分享']
+    });
+  },
+  back() {
+    has.navigateBack();
+  },
+  addToBookshelf() {
+    //TODO:添加书籍至书架的操作
+  },
+  toRead() {
+    //TODO：点击跳转至阅读器界面
+    has.navigateTo({
+      url: '/Page_Read/index'
+    });
+  }
+});

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

@@ -0,0 +1,9 @@
+{
+  "usingComponents": {
+    "cover": "./component/c_book_cover",
+    "more": "./component/c_item_container_swiper",
+    "other": "./component/c_list_single",
+    "information": "./component/c_more_information"
+  },
+  "navigationBarTitleText": "书籍明细"
+}

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

@@ -0,0 +1,61 @@
+
+  .catalogue_list_container {
+    display: flex;
+    margin: 0rpx 33rpx;
+    flex-direction: column;
+  }
+
+  .catalogue_header {
+    display: flex;
+    margin-top: 46rpx;
+    /* height: 100px; */
+    justify-content: space-between;
+  }
+
+  .select {
+    width: 200rpx;
+    height: 67rpx;
+    color: #1a1a1a;
+    font-size: 31.3rpx;
+  }
+
+  .option {
+    font-size: 31.3rpx;
+    color: #1A1A1A;
+    height: 200rpx;
+  }
+
+  .catalogue_total {
+    font-size: 27.1rpx;
+    color: rgba(0, 0, 0, 0.5);
+  }
+
+  .catalogue_list {
+    display: flex;
+    justify-content: space-between;
+    height: 100rpx;
+  }
+
+  .catalogue_catalogueTitle {
+    color: #000000;
+    font-size: 31.3rpx;
+  }
+
+  .catalogue_catalogueNumber {
+    margin-right: 15rpx;
+    color: #000000;
+    font-size: 31.3rpx;
+  }
+
+  .catalogue_free {
+    font-size: 27.1rpx;
+    color: rgba(0, 0, 0, 0.5);
+  }
+
+  .catalogue_right {
+    display: flex;
+    width: 167rpx;
+    border-bottom-color: rgba(24,34,51,0.2);
+    border-bottom-width: 0.5rpx;
+    justify-content: flex-end;
+  }

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

@@ -0,0 +1,20 @@
+
+  <view class="catalogue_list_container">
+    <view class="catalogue_header">
+      <text class="catalogue_total">共{{catalogue.total}}章</text>
+      <select id="select" class="select" onchange="changeValue()">
+        <option class="option" has:for="{{options}}" value="{{item.evry}}" has:for-item="{{item}}">{{item.evry}} 章</option>
+      </select>
+    </view>
+    <view class="catalogue_list" has:for="{{newList}}" bind:tap="goToRead(item)" has:for-item="{{item}}">
+
+      <view class="catalogue_left">
+        <text class="catalogue_catalogueNumber">第{{item.catalogueNumber}}章</text>
+        <text class="catalogue_catalogueTitle"> {{item.catalogueTitle}}</text>
+      </view>
+      <view class="catalogue_right">
+        <text class="catalogue_free">免费</text>
+      </view>
+
+    </view>
+  </view>