@atomicservice/ascf-base 1.0.15 → 1.0.17

package/dist/templates/ascfNews/component/c_news_items/c_news_items.css

@@ -0,0 +1,59 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+}
+
+.three_items {
+  display: flex;
+  width: 684rpx;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-top: 24.5rpx;
+  padding-bottom: 24.5rpx;
+  border-bottom-color: #bcbcbc;
+  border-bottom-width: 0.5rpx;
+}
+
+.three_imgs {
+  width: 222rpx;
+  height: 150rpx;
+}
+
+.three_item_title {
+  width: 100%;
+}
+
+.font {
+  color: #000000;
+  font-size: 35.4rpx;
+}
+
+.three_item_imgs {
+  display: flex;
+  width: 100%;
+  height: 150rpx;
+  margin-top: 16.7rpx;
+  margin-bottom: 17.2rpx;
+  justify-content: space-between;
+}
+
+.three_items_foot {
+  width: 100%;
+  height: 40rpx;
+}
+
+.foot_font {
+  font-size: 24rpx;
+  color: #a2a2a2;
+}
+
+.margin_right {
+  margin-right: 33rpx;
+}
+
+.font_color {
+  color: #a2a2a2;
+}

package/dist/templates/ascfNews/component/c_news_items/c_news_items.hxml

@@ -0,0 +1,18 @@
+<!-- 新闻三叶草组件 -->
+<!-- template里只能有一个根节点 -->
+<view class="three_items" bindtap="jump">
+  <view class="three_item_title">
+    <text class="font">{{title}}</text>
+  </view>
+  <view class="three_item_imgs">
+    <view has:for="{{imglist}}" has:key="item">
+      <image class="three_imgs" src="{{item.src}}"></image>
+    </view>
+  </view>
+  <view class="three_items_foot">
+    <text class="foot_font margin_right">{{footword}}</text>
+    <text class="foot_font font_color margin_right">{{footsource}}</text>
+    <text class="foot_font font_color">{{footcomment}}</text>
+  </view>
+
+</view>

package/dist/templates/ascfNews/component/c_news_items/c_news_items.js

@@ -0,0 +1,20 @@
+Component({
+  properties: {
+    url: '',
+    title: '',
+    imglist: '',
+    footword: '',
+    footsource: '',
+    footcomment: '',
+  },
+  attached() {},
+  methods: {
+    jump() {
+      let url = '/pages' + this.data.url + '/index';
+      console.log('urllll', url);
+      has.navigateTo({
+        url: url,
+      });
+    },
+  },
+});

package/dist/templates/ascfNews/component/c_news_items/c_news_items.json

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

package/dist/templates/ascfNews/component/c_news_single/c_news_single.css

@@ -0,0 +1,92 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+}
+
+.news_single {
+  display: flex;
+  width: 684rpx;
+  height: 199rpx;
+  flex-direction: column;
+  align-items: flex-start;
+  border-bottom-color: #cdcdcd;
+  border-bottom-width: 0.5rpx;
+  padding-top: 24.5rpx;
+  padding-bottom: 24rpx;
+}
+
+.news_single_content {
+  display: flex;
+  width: 684rpx;
+}
+
+.news_single_title {
+  display: flex;
+  width: 434rpx;
+  flex-direction: column;
+  margin-right: 33.3rpx;
+  justify-content: space-between;
+}
+
+.head {
+  width: 425rpx;
+}
+
+.foot {
+  width: 434rpx;
+}
+
+.news_single_img {
+  display: flex;
+  width: 222rpx;
+  height: 148rpx;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.foot_font {
+  font-size: 25rpx;
+  color: #bababa;
+}
+
+.margin_right {
+  margin-right: 20rpx;
+}
+
+.font_color {
+  color: #a2a2a2;
+}
+
+.three_imgs {
+  width: 222rpx;
+  height: 148rpx;
+}
+
+.duration-overlay {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.7);
+  padding: 4rpx 8rpx;
+  border-top-right-radius: 6rpx;
+}
+
+.duration-text {
+  color: #ffffff;
+  font-size: 20rpx;
+}
+
+.head .font {
+  color: #1a1a1a;
+  font-size: 35rpx;
+  font-weight: bold;
+}
+
+.content .font {
+  color: #1a1a1a;
+  font-size: 28rpx;
+}

package/dist/templates/ascfNews/component/c_news_single/c_news_single.hxml

@@ -0,0 +1,25 @@
+<!-- 新闻单叶草组件 -->
+<!-- template里只能有一个根节点 -->
+<view class="news_single" bindtap="jump">
+  <view class="news_single_content">
+    <view class="news_single_title">
+      <view class="head">
+        <text class="font">{{title}}</text>
+      </view>
+      <view class="content">
+        <text class="font">摘要XX</text>
+      </view>
+      <view class="foot">
+        <text class="foot_font margin_right">{{footword}}</text>
+        <text class="foot_font margin_right">{{footsource}}</text>
+        <text class="foot_font font_color">{{footcomment}}</text>
+      </view>
+    </view>
+    <view class="news_single_img">
+      <image class="three_imgs" src="{{imgsrc}}"></image>
+      <view class="duration-overlay" has:if="{{duration}}">
+        <text class="duration-text">{{duration}}</text>
+      </view>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfNews/component/c_news_single/c_news_single.js

@@ -0,0 +1,20 @@
+Component({
+  properties: {
+    url: '',
+    title: '',
+    imgsrc: '',
+    footword: '',
+    footsource: '',
+    footcomment: '',
+    duration: '',
+  },
+  attached() {},
+  methods: {
+    jump() {
+      let url = '/pages' + this.data.url + '/index';
+      has.navigateTo({
+        url: url,
+      });
+    },
+  },
+});

package/dist/templates/ascfNews/component/c_news_single/c_news_single.json

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

package/dist/templates/ascfNews/package.json

@@ -0,0 +1 @@
+{}

package/dist/templates/ascfNews/pages/Page_Composite/index.css

@@ -0,0 +1,165 @@
+.container {
+  flex-direction: column;
+  align-content: center;
+  align-items: center;
+  background-color: #ffffff;
+}
+
+.content {
+  width: 684rpx;
+  margin-left: 33rpx;
+  margin-right: 33rpx;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.title {
+  margin-top: 33.3rpx;
+  width: 683rpx;
+}
+
+.title_text {
+  font-weight: bold;
+  font-size: 50rpx;
+  color: #1a1a1a;
+}
+
+.second_title {
+  width: 684rpx;
+  margin-top: 16.7rpx;
+}
+
+.second_title_text {
+  font-size: 27rpx;
+  color: #8c8c8c;
+  margin-right: 22rpx;
+}
+
+.first_program {
+  width: 684rpx;
+  margin-top: 33.3rpx;
+}
+
+.first_program_text {
+  color: #000000;
+  font-size: 35.4rpx;
+  line-height: 60.4rpx;
+}
+
+.img_stack {
+  align-items: center;
+  justify-content: center;
+  margin-top: 33.3rpx;
+}
+
+.img_main {
+  width: 683rpx;
+  height: 384rpx;
+}
+
+.second_program {
+  width: 683rpx;
+  margin-top: 32.7rpx;
+}
+
+.foot {
+  width: 387rpx;
+  margin-top: 16.7rpx;
+}
+
+.font_text {
+  color: #8c8c8c;
+  font-size: 27.1rpx;
+}
+
+.recommend {
+  padding-bottom: 40rpx;
+  width: 684rpx;
+  margin-top: 21.2rpx;
+  flex-direction: column;
+}
+
+.recommend_text {
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+  font-weight: bold;
+  margin-bottom: 32.7rpx;
+}
+
+.recommend1 {
+  display: flex;
+  width: 684rpx;
+  flex-direction: column;
+  margin-top: 20rpx;
+}
+
+.name_time {
+  width: 387rpx;
+  margin-left: 33rpx;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.name {
+  color: #1a1a1a;
+  font-size: 31.3rpx;
+}
+
+.time {
+  color: #bcbcbc;
+  font-size: 20.8rpx;
+  margin-left: 10rpx;
+}
+
+.re_foot {
+  width: 684rpx;
+  margin-top: 20.8rpx;
+}
+
+.re_head {
+  display: flex;
+  width: 684rpx;
+  height: 84rpx;
+  align-items: flex-end;
+}
+
+.re_head_img {
+  width: 84rpx;
+  height: 84rpx;
+  border-radius: 42rpx;
+  background-color: rgb(229, 234, 234);
+}
+
+.zan {
+  display: flex;
+  width: 104rpx;
+  height: 54rpx;
+  border: 2rpx solid #bcbcbc;
+  justify-content: space-between;
+  align-items: center;
+  margin-left: 72rpx;
+  border-radius: 8rpx;
+}
+
+.zan_img {
+  width: 33rpx;
+  height: 33rpx;
+  margin-left: 14rpx;
+}
+
+.zan_num {
+  color: #bcbcbc;
+  font-size: 20rpx;
+  margin-right: 17rpx;
+}
+
+.zan_text {
+  width: 570rpx;
+  line-height: 35rpx;
+  font-size: 30rpx;
+  color: #000000;
+  padding-bottom: 16.7rpx;
+  border-bottom-color: #bcbcbc;
+  border-bottom-width: 0.5rpx;
+  margin-bottom: 20rpx;
+}

package/dist/templates/ascfNews/pages/Page_Composite/index.hxml

@@ -0,0 +1,53 @@
+<!-- template里只能有一个根节点 -->
+<view class="content safe-area-inset-bottom">
+  <view class="title">
+    <text class="title_text">{{title}}</text>
+  </view>
+  <view class="second_title">
+    <text class="second_title_text">{{source}}</text>
+    <text class="second_title_text">{{time}}</text>
+  </view>
+  <view class="first_program">
+    <text class="first_program_text">{{programOne}}</text>
+  </view>
+  <view>
+    <video id="video" class="img_stack img_main" src="{{videoSource}}"></video>
+  </view>
+
+  <view class="second_program">
+    <text class="first_program_text">{{programTwo}}</text>
+  </view>
+  <view type="item6" class="foot">
+    <text class="font_text">{{from}}</text>
+  </view>
+  
+    <!-- 评论区域 -->
+  <view type="viewItem8" class="recommend">
+    <text class="recommend_text">{{recommendTitle}}</text>
+    <!-- 评论view开始区域 -->
+    <view class="recommend_view">
+      <view has:for="{{recommendors}}" has:key="item">
+        <view class="recommend1">
+          <view class="re_head">
+            <image class="re_head_img" src="{{item.touxiang}}"></image>
+            <view class="name_time">
+              <text class="name">{{item.name}}</text>
+              <text class="time">{{item.time}}</text>
+            </view>
+            <view class="zan" bind:tap="thumbs" data-index="{{index}}">
+              <image has:if="{{!item.isPrased}}" class="zan_img" src="{{unZanImage}}"></image>
+              <image has:if="{{item.isPrased}}" class="zan_img" src="{{zanImage}}"></image>
+              <text class="zan_num">{{item.total}}</text>
+            </view>
+          </view>
+          <view class="re_foot">
+            <view class="zan_text_view">
+              <text class="zan_text">{{item.text}}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <!-- 评论view结束 -->
+  </view>
+</view>

package/dist/templates/ascfNews/pages/Page_Composite/index.js

@@ -0,0 +1,70 @@
+Page({
+  data: {
+    videoSource:
+      'https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/phones/mate50-pro/video/mate50-pro-tvc.mp4',
+    poster: './to_delete/p_news_three_p2.png',
+    title: '"数"精彩 还看上合青岛峰会',
+    source: '手机控',
+    time: '2015/4/13 10:23',
+    programOne:
+      '10日，青岛峰会进入日程最密集的一天。习近平主席当天多个场合的讲话，金句多、干货足、分量重。让我们用一组数字详细梳理一下。',
+    programTwo:
+      '本次峰会也是上海合作组织扩容后举行的首次峰会。在先后主持小范围和大范围峰会会谈时，习近平都表达了对印度和巴基斯坦两国以成员国身份参加峰会表示欢迎。',
+    from: '内容来自***供应商',
+    recommandText: '推荐阅读',
+    recommendTitle: '热门评论',
+    unZanImage: '../Page_Detail/img/p_news_four_icon1.png',
+    zanImage: '../Page_Detail/img/p_news_four_icon2.png',
+    recommendors: [
+      {
+        name: '马克.扎克伯克',
+        time: '2017/12/8 18:38',
+        isPrased: false,
+        total: '20',
+        touxiang: '../Page_Detail/to_delete/p_news_four_touxiang1.png',
+        text: '现在的情景是 ， 你已经在本地创建了一个Git仓库后 ， 又想在 Github 创建一个Git 仓库并且让这两个仓库进行远程同步 ， 这样Github 上的仓库既可以作为备份 ，有可以让其他人通过仓库来写作 ， 真是一举多得。现在的情景是 ， 你已经在本地创建了一个Git仓库后',
+      },
+      {
+        name: '桑德尔.皮才',
+        time: '2017/12/8 18:38',
+        isPrased: true,
+        total: '20',
+        touxiang: '../Page_Detail/to_delete/p_news_four_touxiang2.png',
+        text: '千万注意，把上面的自己的名字 改成自己的Github 账户名 ， 否则 ， 你在本地关联的就是我的远程库 ， 关联没有问题 ， 但是你以后推送不上去 ， 因为你的SSH key公钥不在我的账户列表中 。 添加后远程库的名字就是 origin 这就是 Git的默认叫法 ， 也可以改成别的 。',
+      },
+      {
+        name: '提姆.库克',
+        time: '2017/12/8 18:38',
+        isPrased: false,
+        total: '20',
+        touxiang: '../Page_Detail/to_delete/p_news_four_touxiang1.png',
+        text: '埋头做了三年多，华为PC业务终于迎来了它的Meta7时刻。',
+      },
+      {
+        name: '埃隆.马斯克',
+        time: '2017/12/8 18:38',
+        isPrased: false,
+        total: '20',
+        touxiang: '../Page_Detail/to_delete/p_news_four_touxiang2.png',
+        text: '从1991年到2000年间，PC业务高速发展，它代表的是高新技术，别的跟它比只是小儿科，如今它成了最冰冷的一个，与人的关系也越来越疏远，如非工作需要很少被人想起。',
+      },
+    ],
+  },
+  thumbs(e) {
+    let index = e.currentTarget.dataset.index;
+    let recommendors = this.data.recommendors;
+    let items = recommendors[index];
+    let tempTotal;
+    if (!items.isPrased) {
+      tempTotal = parseInt(items.total) + 1;
+    } else {
+      tempTotal = parseInt(items.total) - 1;
+    }
+    items.total = tempTotal.toString();
+    items.isPrased = !items.isPrased;
+    recommendors[index] = items;
+    this.setData({
+      recommendors,
+    });
+  },
+});

package/dist/templates/ascfNews/pages/Page_Composite/index.json

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