@atomicservice/ascf-base 1.0.16 → 1.0.17

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

@@ -0,0 +1,40 @@
+<!-- template里只能有一个根节点 -->
+<view class="container safe-area-inset-bottom">
+  <!-- 头部图片区域 -->
+  <view class="head_image">
+    <image class="head_image" src="./to_delete/p_news_two_banner.png"></image>
+  </view>
+  <!-- 文字区域 -->
+  <view class="head_text common_middle">
+    <view class="head_content">
+      <text class="head_font">{{title}}</text>
+    </view>
+    <view class="middle_content">
+      <text class="middle_content_text">{{content}}</text>
+    </view>
+    <view class="head_text_lable">
+      <view class="foot_lable">{{lableOne}}</view>
+      <view class="foot_lable">{{labelTwo}}</view>
+    </view>
+  </view>
+  <!-- 单叶草区域 -->
+  <view class="single_regin common_middle">
+    <view class="single_regin_title">
+      <text class="common_font">{{hot}}</text>
+    </view>
+    <view has:for="{{singleOnes}}" has:key="item">
+      <single url="{{item.url}}" title="{{item.title}}" imgsrc="{{item.imgsrc}}" footword="{{item.footword}}" footsource="{{item.footsource}}" footcomment="{{item.footcomment}}"></single>
+    </view>
+    <view class="single_regin_title">
+      <text class="common_font">{{head}}</text>
+    </view>
+    <view has:for="{{singleTwos}}" has:key="item">
+      <single url="{{item.url}}" title="{{item.title}}" imgsrc="{{item.imgsrc}}" footword="{{item.footword}}" footsource="{{item.footsource}}" footcomment="{{item.footcomment}}"></single>
+    </view>
+    <view has:for="{{singleThrees}}" has:key="item">
+      <stack class="stack">
+        <single url="{{item.url}}" title="{{item.title}}" imgsrc="{{item.imgsrc}}" footword="{{item.footword}}" footsource="{{item.footsource}}" footcomment="{{item.footcomment}}"></single>
+      </stack>
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,41 @@
+Page({
+  data: {
+    title: '一朵金丝皇菊的故事',
+    content:
+      '据中央广电总台国际在线报道，央广国际在线6月6日刊发评论文章指出，路透社5日援引知情人士报道，美国GDP增长大约3%。',
+    lableOne: '特朗普',
+    labelTwo: '美朝关系',
+    hot: '热点话题',
+    head: '台风山竹',
+    singleOnes: [
+      {
+        url: '/Page_Detail',
+        title: '违规做转基因实验的专家，被开除党籍',
+        imgsrc: '../../pages/Page_Hot/to_delete/p_news_two_p1.png',
+        footword: '知乎',
+        footsource: '不执着财经',
+        footcomment:'评论数:12',
+      },
+    ],
+    singleTwos: [
+      {
+        url: '/Page_Detail',
+        title: '日本网民吐槽：台风将平等地袭击日本全境',
+        imgsrc: '../../pages/Page_Hot/to_delete/p_news_two_p2.png',
+        footword: '证券时报',
+        footsource: '不执着财经',
+        footcomment:'评论数:33',
+      },
+    ],
+    singleThrees: [
+      {
+        url: '/Page_Detail',
+        title: '台风登陆广东，局部风力达17级，红色预警生效中',
+        imgsrc: '../../pages/Page_Hot/to_delete/p_news_two_p3.png',
+        footword: '太平洋电脑',
+        footsource: '不执着财经',
+        footcomment:'评论数:57',
+      },
+    ],
+  },
+});

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

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "single": "../../component/c_news_single/c_news_single",
+    "three": "../../component/c_news_items/c_news_items"
+  }
+}

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

@@ -0,0 +1,64 @@
+.image_container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+  background-color: #000000;
+}
+
+.title {
+  font-size: 100rpx;
+}
+
+.swiper {
+  width: 750rpx;
+  height: 1132.3rpx;
+  margin-left: 33rpx;
+  margin-right: 33rpx;
+}
+
+.stack {
+  display: flex;
+  width: 750rpx;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
+  position: relative;
+}
+
+.image {
+  width: 100%;
+}
+.desc_views {
+  position: absolute;
+  bottom: 20rpx;
+  padding: 0 20rpx;
+}
+.desc_div {
+  width: 683.3rpx;
+  background-color: #000000;
+  opacity: 0.5;
+  margin-left: 33rpx;
+  margin-right: 33rpx;
+}
+
+.desc_page {
+  font-size: 40rpx;
+  color: #ffffff;
+}
+
+.desc_text {
+  width: 683.3rpx;
+  font-size: 35.4rpx;
+  color: #ffffff;
+}
+
+.desc_divs {
+  display: flex;
+  flex-direction: column;
+  width: 683.3rpx;
+  height: 214rpx;
+  margin-left: 33rpx;
+  margin-right: 33rpx;
+}

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

@@ -0,0 +1,20 @@
+<!-- template里只能有一个根节点 -->
+<view class="image_container">
+  <view class="swiper">
+    <view class="safe-area-inset-bottom">
+      <view has:for="{{datas}}" has:key="item">
+        <view class="stack">
+          <image class="image" src="{{item.imgsrc}}" mode="widthFix"></image>
+          <view class="desc_views">
+            <text class="desc_page">{{index+1}}/{{datas.length}}</text>
+            <view>
+              <view has:for="{{item.text}}" has:for-item="value">
+                <text class="desc_text">{{value}}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,25 @@
+Page({
+  data: {
+    isShow: true,
+    datas: [
+      {
+        imgsrc: './to_delete/picture.png',
+        text: [
+          ' 周杰伦演唱会一直被许多人列为必看的演唱会之一，而其中最被人们期待的就是点歌环节，现场随机抽取歌迷向周杰伦点歌现场随机抽取歌迷向周杰伦点歌现场随机抽取歌迷向周杰伦点歌',
+        ],
+      },
+      {
+        imgsrc: './to_delete/picture.png',
+        text: [
+          ' 通讯事件暴露出中国企业管控合规风险的能力滞后、企业合规管理体系存在明显漏洞。在全球化进入新阶段，企业竞争进入到全球价值链竞争的当今时代，这是一个重大隐患',
+        ],
+      },
+      {
+        imgsrc: './to_delete/picture.png',
+        text: [
+          ' 4月16日，美国商务部网站公告，7年内禁止美国企业与通讯开展任何业务往来。公告称，违反了2017年与美国政府达成的和解协议。当时，美国政府指控非法向伊朗和朝鲜出口。',
+        ],
+      },
+    ],
+  },
+});

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

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

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

@@ -0,0 +1,138 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+  align-items: flex-start;
+  background-color: #ffffff;
+  padding-top: 30rpx;
+}
+.loading {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding-top: 40rpx;
+  width: 684rpx;
+}
+
+.main_content {
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+  align-items: flex-start;
+  width: 684rpx;
+  margin-left: 33rpx;
+  margin-right: 33rpx;
+  background-color: #ffffff;
+}
+
+.recommend {
+  display: flex;
+  width: 684rpx;
+  margin-top: 21.2rpx;
+  flex-direction: column;
+}
+
+.single_item_recommend {
+  width: 684rpx;
+  margin-bottom: 16rpx;
+}
+
+.single_item_recommend_text {
+  color: #8c8c8c;
+  font-size: 27.1rpx;
+}
+
+.recommend_text {
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+  font-weight: bold;
+  margin-bottom: 32.7rpx;
+}
+
+.recommend_view {
+  display: flex;
+  width: 684rpx;
+  flex-direction: column;
+}
+
+.recommend1 {
+  display: flex;
+  width: 684rpx;
+  flex-direction: column;
+}
+
+.re_head {
+  display: flex;
+  width: 684rpx;
+  height: 84rpx;
+  align-items: flex-end;
+}
+
+.re_foot {
+  width: 684rpx;
+  margin-top: 20.8rpx;
+}
+
+.re_head_img {
+  width: 84rpx;
+  height: 84rpx;
+  border-radius: 42rpx;
+  background-color: rgb(229, 234, 234);
+}
+
+.name_time {
+  display: flex;
+  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;
+}
+
+.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_view {
+  width: 584rpx;
+  padding-left: 114rpx;
+}
+
+.zan_text {
+  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_Richtext/index.hxml

@@ -0,0 +1,37 @@
+<!-- template里只能有一个根节点 -->
+<view class="container safe-area-inset-bottom">
+  <view class="main_content">
+    <rich-text nodes="{{simpleHtmlText}}">
+    </rich-text>
+
+    <!-- 评论区域 -->
+    <view class="recommend">
+      <text class="recommend_text">{{recommendTitle}}</text>
+      <!-- 评论view开始区域 -->
+      <view class="recommend_view">
+        <block 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>
+        </block>
+      </view>
+      <!-- 评论view结束 -->
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,66 @@
+const htmlData = `<div class="div_class">
+  <h1>Title</h1>
+  <p class="p">
+      该文本框支持&nbsp;<i>修改内容</i>&nbsp;,通过使用rich-text组件,<b>修改的内容会实时渲染为</b><em>HTML</em>
+  </p>
+</div>`;
+Page({
+  data: {
+    simpleHtmlText: '',
+    unZanImage: './img/p_news_four_icon1.png',
+    zanImage: './img/p_news_four_icon2.png',
+    recommendors: [
+      {
+        name: '马克.扎克伯克',
+        time: '2017/12/8 18:38',
+        isPrased: false,
+        total: '20',
+        touxiang: './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: './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: './to_delete/p_news_four_touxiang1.png',
+        text: '埋头做了三年多，华为PC业务终于迎来了它的Meta7时刻。',
+      },
+      {
+        name: '埃隆.马斯克',
+        time: '2017/12/8 18:38',
+        isPrased: false,
+        total: '20',
+        touxiang: './to_delete/p_news_four_touxiang2.png',
+        text: '从1991年到2000年间，PC业务高速发展，它代表的是高新技术，别的跟它比只是小儿科，如今它成了最冰冷的一个，与人的关系也越来越疏远，如非工作需要很少被人想起。',
+      },
+    ],
+    htmlSnip: htmlData,
+    simpleHtmlText: `<div style='height:30px;line-height:30px;color:#1a1a1a;font-size:26px;'>华为PC的光荣与梦想</div><div ><p>之前是拼命给渠道推货，现在是渠道拼命找我要货。”负责华为 PC 产品销售的老姜虽然比以前忙了不少，但心里却乐开了花。</p></div><img style="width: 100%;"  src='https://www-file.huawei.com/-/media/corp2020/home/banner/11/2025-new-year-message-cn.jpg'></img><div ><p >MateBook X Pro 毫不意外地成了当下最好的笔记本电脑之一，自发布以来持续收割着用户和媒体的好评，最好的屏幕，最好的外放音效，一气呵成的指纹解锁，便携小巧的电源。</p></div>`,
+  },
+  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_Richtext/index.json

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

package/dist/templates/ascfNews/pages/Page_Search/component/c_search_title/c_search_title.css

@@ -0,0 +1,113 @@
+.container {
+  width: 750rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+  background-color: #f2f2f2;
+}
+
+.title {
+  font-size: 100rpx;
+}
+
+.search_bar_container {
+  width: 710rpx;
+  display: flex;
+  align-items: center;
+  height: 100rpx;
+  margin-left: 5rpx;
+}
+
+.image_search_back_rpx {
+  display: flex;
+  width: 60rpx;
+  height: 100rpx;
+  align-items: center;
+  justify-content: space-around;
+}
+
+.image_search_back {
+  width: 50rpx;
+  height: 50rpx;
+  margin-right: 20rpx;
+}
+
+.image_search_back_rpx_search {
+  display: flex;
+  width: 83rpx;
+  height: 100rpx;
+  align-items: center;
+}
+
+.c_search_search {
+  width: 33rpx;
+  height: 33rpx;
+  margin-left: 17rpx;
+}
+
+.search_rpx {
+  display: flex;
+  background-color: #f2f2f2;
+  align-items: center;
+  border-radius: 8rpx;
+  height: 64rpx;
+  background-color: #ffffff;
+}
+
+.image_search_back_rpx {
+  display: flex;
+  width: 84rpx;
+  height: 100rpx;
+  align-items: center;
+  justify-content: center;
+}
+
+.image_search_result {
+  width: 33rpx;
+  height: 33rpx;
+  margin-left: 17rpx;
+  margin-right: 17rpx;
+}
+
+.search {
+  width: 450rpx;
+  height: 60rpx;
+  color: #1a1a1a;
+  font-size: 28rpx;
+  line-height: 60rpx;
+  padding-left: 10rpx;
+}
+
+.image_search_back_rpx_close {
+  width: 84rpx;
+  height: 100rpx;
+  align-items: center;
+}
+
+.image_search_result_close_size {
+  width: 26rpx;
+  height: 26rpx;
+  margin-left: 29rpx;
+}
+
+.image_search_result {
+  width: 33rpx;
+  height: 33rpx;
+  margin-left: 17rpx;
+  margin-right: 17rpx;
+}
+
+.search_view {
+  width: 700rpx;
+  display: flex;
+  align-items: center;
+  background-color: #fff;
+  padding-right: 20rpx;
+}
+
+.image_search_back_view_search {
+  display: flex;
+  align-items: center;
+}

package/dist/templates/ascfNews/pages/Page_Search/component/c_search_title/c_search_title.hxml

@@ -0,0 +1,15 @@
+<!-- template里只能有一个根节点 -->
+<!-- 搜索条组件 -->
+<view class="container">
+  <view class="search_bar_container">
+    <view class="search_view">
+      <view class="image_search_back_view_search" bind:tap="search">
+        <image class="c_search_search " src="../../img/search_2.png"></image>
+      </view>
+      <input class="search" id="search" value="{{inputvalue}}" placeholder="搜索" bindinput="updateValue" />
+      <view class="image_search_back_view_close" bind:tap="resetSearchValue">
+        <image class="image_search_result_close_size" src="../../img/c_search_title/c_search_close.png"></image>
+      </view>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfNews/pages/Page_Search/component/c_search_title/c_search_title.js

@@ -0,0 +1,26 @@
+Component({
+  properties: {
+    view: '',
+    inputvalue: '',
+  },
+  data: {},
+  attached() {},
+  methods: {
+    resetSearchValue() {
+      this.setData({
+        inputvalue: '',
+      });
+      this.triggerEvent('inputValueChange', '');
+    },
+    updateValue(e) {
+      this.triggerEvent('inputValueChange', e.detail.value);
+      this.setData({
+        inputvalue: e.detail.value,
+      });
+    },
+    search() {
+      console.log('do search');
+      //TODO 在此处增加搜索处理逻辑
+    },
+  },
+});

package/dist/templates/ascfNews/pages/Page_Search/component/c_search_title/c_search_title.json

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