学术交流

app.json

@@ -1,13 +1,12 @@
 {
   "pages": [
+    "pages/actDetail/actDetail",
+    "pages/knowledge/knowledge",
     "pages/index/index",
-
     "pages/eventDetail/eventDetail",
     "pages/journalDetail/journalDetail",
     "pages/learning/learning",
-    
-    "pages/mine/mine",    
-    "pages/knowledge/knowledge"
+    "pages/mine/mine"   
   ],
   "window": {
     "backgroundTextStyle": "light",

pages/actDetail/actDetail.js

@@ -0,0 +1,66 @@
+// pages/actDetail/actDetail.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/actDetail/actDetail.json

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

pages/actDetail/actDetail.wxss

@@ -0,0 +1,44 @@
+/* pages/actDetail/actDetail.wxss */
+page{
+  background: #fff;
+  padding: 40rpx 30rpx;
+}
+.title{
+  font-size: 32rpx;
+  text-align: center;
+  margin-bottom: 30rpx;
+}
+.baseinfo{
+  display: flex;
+  margin-bottom: 20rpx;
+}
+.faceimg{
+  width: 20%;
+}
+.faceimg image{
+  width: 100%;
+}
+.tweo{
+  width: 80%;
+}
+.tweo view{
+  color: #999;
+  font-size: 26rpx;
+  padding-left: 20rpx;
+  margin-bottom: 10rpx;
+}
+.intro text{
+  color: #333;
+  display: block;
+  margin-bottom: 10rpx;
+}
+.content{
+  line-height: 50rpx;
+}
+.collect{
+  float: right;
+  background: #F2F2F2;
+  font-size: 24rpx;
+  padding:10rpx 20rpx;
+  border-radius: 8rpx;
+}

pages/index/index.wxml

@@ -60,7 +60,7 @@
 <swiper circular="{{true}}" style="height:60vh;" bindchange='swchange' current='{{act}}' autoplay="{{false}}">
   <swiper-item>
     <scroll-view scroll-y="true" scroll-into-view="{{scroll}}" class="content">
-        <view wx:for='{{journals}}' wx:for='{{journals}}'>
+        <view wx:for='{{journals}}'>
           <view id="{{item.name}}" class="tt">{{item.name}}</view>
           <navigator url="../journalDetail/journalDetail" class="list" wx:for='{{item.journals}}' wx:key="journals{{index}}">
               <image  mode="widthFix" src="{{item.img}}"></image>

pages/knowledge/knowledge.js

@@ -1,20 +1,40 @@
 // pages/knowledge/knowledge.js
+const app = getApp()
+var host = app.globalData.host;
 Page({
-
   /**
    * 页面的初始数据
    */
   data: {
-
+    array:['转发量','转发量','发布时间'],
+    index:0,
+    act:0,
+    list:[]
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
-
+    this.getData()
   },
-
+  //获取所有数据
+  getData: function () {
+    wx.showLoading({
+      title: '加载中',
+    })
+    var that = this;
+    wx.request({
+      url: host + '/api/article/list',
+      method: 'GET',
+      success: function (res) {
+        wx.hideLoading();
+        that.setData({
+          list: res.data.data.list
+        })
+      }
+    })
+  }, 
   /**
    * 生命周期函数--监听页面初次渲染完成
    */

pages/knowledge/knowledge.wxml

@@ -1,2 +1,42 @@
 <!--pages/knowledge/knowledge.wxml-->
-<text>pages/knowledge/knowledge.wxml</text>
+<view class="search">
+    <input placeholder-style='color:#C8C8C8;' placeholder="输入名称/关键字搜索"></input>
+    <image  mode="widthFix" src="../images/search.png"></image>
+</view>
+
+<picker  bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
+      <view class="picker">
+          {{array[index]}}
+      </view>
+</picker>
+
+<view class="tab">
+    <text bindtap="tab" data-id='0' class="{{act == 0?'active':''}}">精品导读</text>
+    <text bindtap="tab" data-id='1' class="{{act == 1?'active':''}}">知识地图</text>
+</view>
+
+
+
+<swiper circular="{{true}}" style="height:83vh;" bindchange='swchange' current='{{act}}' autoplay="{{false}}">
+  <swiper-item>
+      <scroll-view scroll-y="true" scroll-into-view="{{scroll}}" class="content">
+          <navigator url="../journalDetail/journalDetail" class="list" wx:for='{{list}}' wx:key="journals{{index}}">
+              <image  mode="widthFix" src="{{item.img}}"></image>
+              <view>
+                  <view class="title">{{item.name}}</view>
+                  <view class="ly"> 
+                              <view>
+                                  <text>2018.5.28</text>
+                              </view>
+                              <text>作者：包为民</text>
+                              <text>《中国科学院》</text> 
+                  </view>
+                  <text class="">主办单位：{{item.desc}}</text>
+              </view>
+          </navigator>
+    </scroll-view>
+  </swiper-item>
+
+  <swiper-item>
+  </swiper-item>
+</swiper>

pages/knowledge/knowledge.wxss

@@ -1 +1,87 @@
-/* pages/knowledge/knowledge.wxss */
+/* pages/knowledge/knowledge.wxss */
+.search{
+  width: 70%;
+  display: inline-block;
+}
+picker{
+  width: 28%;
+  background: #fff;
+  display: inline-block;
+  line-height: 64rpx;
+  border-radius: 18rpx;
+  margin-left: 2%;
+  vertical-align: top;
+  text-align: center;
+}
+.picker{
+  color: #999;
+  font-size: 26rpx;
+}
+.tab{
+  display: flex;
+  /* justify-content: space-between; */
+  margin-bottom: 20rpx;
+}
+.tab text{
+  font-size: 30rpx;
+  color: #666;
+  margin-right: 40rpx;
+}
+.tab .active{
+  color: #3780CD;
+}
+.list{
+  /* box-shadow: 0px 2rpx 9rpx 0px rgba(0, 0, 0, 0.2); */
+  border-radius: 20rpx;
+  display: flex;
+  /* padding: 20rpx; */
+  /* box-shadow: 0 0 15rpx 0px rgba(0, 0, 0, 0.2); */
+  /* margin: 0 20rpx 40rpx; */
+  border-bottom: 1px solid #F0F0F0;
+  padding: 28rpx 0;
+  
+}
+.list image{
+  width: 20%;
+  max-height: 100px;
+}
+.list>view{
+  width: 80%;
+  padding-left: 20rpx;
+  vertical-align: middle;
+}
+.list .title{
+  margin-bottom: 20rpx;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.list text{
+  color: #999;
+  display: block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  font-size: 26rpx;
+}
+.ly{
+  margin-bottom: 28rpx;
+}
+.ly text{
+  display: block;
+  color: #666;
+  font-size: 22rpx;
+}
+.ly view{
+  float: right;
+  text-align: right;
+}
+.ly view text{
+  font-size: 18rpx;
+}
+scroll-view{
+  background: #fff;
+  padding: 0 20rpx;
+  border-radius: 18rpx;
+  height: 100%;
+}