学术交流

app.js

@@ -34,6 +34,7 @@ App({
     })
   },
   globalData: {
-    userInfo: null
+    userInfo: null,
+    host:'https://test.scxjc.club'
   }
 })

app.json

@@ -1,10 +1,11 @@
 {
   "pages": [
+    "pages/eventDetail/eventDetail",
     "pages/journalDetail/journalDetail",
-    "pages/mine/mine",
-    "pages/index/index",
-    "pages/learning/index",
     "pages/learning/learning",
+    "pages/index/index",
+    
+    "pages/mine/mine",    
     "pages/knowledge/knowledge"
   ],
   "window": {

app.wxss

@@ -1,9 +1,32 @@
 /**app.wxss**/
-page{
-  background: #F1F1F1;
-}
+
 page,view,text,input,scroll-view{
   box-sizing: border-box;
   font-size: 28rpx;
   color: #333;
 }
+
+
+page{
+  background: #EEEEEE;
+  padding: 20rpx 30rpx 0;
+}
+.search{
+  position: relative;
+}
+.search input{
+  display: block;
+  height: 64rpx;
+  background: #fff;
+  border-radius: 18rpx;
+  width: 100%;
+  padding: 0 24rpx;
+}
+.search image{
+  width: 34rpx;
+  position: absolute;
+  right: 24rpx;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+}

pages/learning/index.js

@@ -1,11 +1,17 @@
-// pages/learning/index.js
+// pages/eventDetail/eventDetail.js
 Page({
 
   /**
    * 页面的初始数据
    */
   data: {
-
+      zk1:0,
+      zk2:0,
+      sex_array:['男','女'],
+      sex:-1,
+      job_array: ['中科院单位', '非中科院单位'],
+      job: 0,
+      show:0
   },
 
   /**
@@ -14,7 +20,36 @@ Page({
   onLoad: function (options) {
 
   },
-
+  open:function(){
+    this.setData({
+      show: 1
+    })
+  },
+  post: function () {
+    this.setData({
+      show: 0
+    })
+  },
+  zk1:function(){
+    this.setData({
+      zk1:1
+    })
+  },
+  sq1: function () {
+    this.setData({
+      zk1: 0
+    })
+  },
+  zk2: function () {
+    this.setData({
+      zk2: 1
+    })
+  },
+  sq2: function () {
+    this.setData({
+      zk2: 0
+    })
+  },
   /**
    * 生命周期函数--监听页面初次渲染完成
    */

pages/eventDetail/eventDetail.wxml

@@ -0,0 +1,74 @@
+<image class='banner'  mode="widthFix" src="../images/233.jpg"></image>
+<view class="info">
+    <view>尼古丁对记忆的影响</view>
+    <text>主办单位：化学学报</text>
+    <text>主讲人：孟迎芳</text>
+    <text>时间：2018年8月8日   14：00-16：00</text>
+    <text>地址：鸟巢</text>
+</view>
+
+<view class="content">
+    <view class="tt">会议简介</view>
+    <view class="p {{zk1==1?'':'sq'}}">
+      尼古丁是一种与记忆密切相关的物质,以往研究主要探讨不同胆碱类药物对外显记忆的影响,内隐记忆受胆碱影响与外显记忆是否相同仍存在争议。实验1采用尼古丁是一种与记忆密切相关的物质尼古丁是一种与记忆密切相关的物质尼古丁是一种与记忆密切相关的物质
+    </view>
+    <text bindtap="sq1" class="zksq" wx:if='{{zk1}}'>收起</text>
+    <text bindtap="zk1" class="zksq"  wx:if='{{!zk1}}'>展开</text>
+</view>
+
+<view class="content">
+    <view class="tt">化学学报</view>
+    <view class="p {{zk2==1?'':'sq'}}">
+      尼古丁是一种与记忆密切相关的物质,以往研究主要探讨不同胆碱类药物对外显记忆的影响,内隐记忆受胆碱影响与外显记忆是否相同仍存在争议。实验1采用尼古丁是一种与记忆密切相关的物质尼古丁是一种与记忆密切相关的物质尼古丁是一种与记忆密切相关的物质
+    </view>
+    <text bindtap="sq2" class="zksq" wx:if='{{zk2}}'>收起</text>
+    <text bindtap="zk2" class="zksq"  wx:if='{{!zk2}}'>展开</text>
+</view>
+
+                              
+<button bindtap="open" class="post">我要报名</button>
+
+<view class="bg" wx:if='{{show}}'>
+    <form class="form">
+        <view class="form_tt">请填写报名信息</view>
+        <view class="item">
+            <label>姓名：</label><input placeholder-style='color:#999;'  placeholder="请输入姓名"></input>
+        </view>
+        <view class="item">
+            <label>性别：</label>
+             <picker bindchange="bindPickerChange" value="{{sex}}" range="{{sex_array}}">
+              <view class="picker">
+                <text wx:if='sex<0'>请选择</text>
+                {{sex_array[sex]}}
+              </view>
+            </picker>
+        </view>
+        <view class="item">
+            <label>职务：</label><input placeholder-style='color:#999;' placeholder="请输入职务"></input>
+        </view>
+        <view class="item">
+            <label>所属单位：</label>
+            <picker bindchange="bindPickerChange" value="{{job}}" range="{{job_array}}">
+              <view class="picker">
+                {{job_array[job]}}
+              </view>
+            </picker>
+        </view>
+        <view class="item">
+            <label>单位名称：</label><input placeholder-style='color:#999;' placeholder="请输入姓名"></input>
+        </view>
+        <view class="item">
+            <label>手机号：</label><input placeholder-style='color:#999;' placeholder="请输入手机号"></input><text class="code">发送验证码</text>
+        </view>
+        <view class="item">
+            <label>验证码：</label><input placeholder-style='color:#999;' placeholder="请输入验证码"></input>
+        </view>
+        <view class="item">
+            <label>邮箱：</label><input placeholder-style='color:#999;' placeholder="请输入邮箱"></input>
+        </view>
+        <text class="ts">温馨提示</text>
+        <text class="ts">报名成功后工作人员会尽快与您取得联系</text>
+        <button bindtap="post"  class="post">提交报名信息</button>
+    </form>
+</view>                          
+                          

pages/eventDetail/eventDetail.wxss

@@ -0,0 +1,127 @@
+/* pages/eventDetail/eventDetail.wxss */
+page{
+  background: #fff;
+  padding: 30rpx;
+}
+.banner{
+  width: 100%;
+  border-radius: 18rpx;
+}
+.info{
+  border-bottom: 1px solid #F0F0F0;
+  padding-bottom: 28rpx;
+}
+.info view{
+  color: #666;
+  font-size: 32rpx;
+  margin: 34rpx 0 28rpx;
+}
+.info text{
+  display: block;
+  color: #999;
+  font-size: 26rpx;
+}
+.tt{
+  font-size: 28rpx;
+  color: #666;
+  margin: 34rpx 0;
+}
+.p{
+  color: #999;
+  font-size: 26rpx;
+  margin-bottom: 20rpx;
+  line-height: 50rpx;
+}
+.sq{
+   overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    white-space: normal;
+}
+.zksq{
+  color: #3780CD;
+  font-size: 28rpx;
+}
+.content{
+   border-bottom: 1px solid #F0F0F0;
+    padding-bottom: 28rpx;
+}
+
+.post{
+  width: 100% !important;
+  background: #3780CD;
+  color: #fff;
+  display: block;
+  font-size: 34rpx;
+  height: 90rpx;
+  line-height: 90rpx;
+  padding: 0;
+}
+
+.bg{
+  position: fixed;
+  width: 100%;
+  height: 100vh;
+  top: 0;
+  left: 0;
+  z-index: 99;
+  background: rgba(0,0,0,.5);
+  padding: 50rpx;
+}
+.form{
+  background: #fff;
+  border-radius: 18rpx;
+  padding: 50rpx 60rpx;
+  display: block;
+}
+.form_tt{
+  text-align: center;
+  color: #333;
+  font-size: 30rpx;
+  margin-bottom: 50rpx;
+}
+.item{
+  background: #F7F7F7;
+  height: 72rpx;
+  border-radius: 10rpx;
+  position: relative;
+  display: flex;
+  margin-bottom: 18rpx;
+  padding: 0 28rpx;
+}
+.item label{
+  line-height: 72rpx;
+  color: #999;
+  width: 32%;
+
+}
+.item input{
+  width: 63%;
+  height: 72rpx;
+}
+.item picker{
+  width: 63%;
+}
+.form .ts{
+  display: block;
+  text-align: center;
+  color: #999;
+  font-size: 22rpx;
+  line-height: 50rpx;
+}
+.form .post{
+  margin-top: 20rpx;
+}
+.picker{
+  line-height: 72rpx;
+}
+.code{
+  position: absolute;
+  color: #1682DA;
+  font-size: 22rpx;
+  right: 24rpx;
+  top: 0;
+  line-height: 72rpx;
+}

pages/index/index.js

@@ -1,7 +1,7 @@
 //index.js
 //获取应用实例
 const app = getApp()
-
+var host = app.globalData.host;
 Page({
   data: {
     zimu_list: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
@@ -11,21 +11,77 @@ Page({
     nav_top:'',
     hiddenn: true,//hint_box 提示框 展示隐藏
     nav_text: '',//hint_box 提示框里面的文本
-    lb:[
-        {
-          url:'',
-          text: '中国科学家实现“量子计算优越性”里程碑'
-        },
-        {
-          url: '',
-          text: '中国科学家实现“量子计算优越性”里程碑'
+    lb:[],
+    act:0,
+    journals:[],
+    organizers:[],
+    subjects:[]
+  },
+
+
+  onLoad: function () {
+    this.getData();
+  },
+  //获取所有数据
+  getData:function(){
+    wx.showLoading({
+      title: '加载中',
+    })
+    var that=this;
+    wx.request({
+      url: host+'/api/index/banners',
+      method:'GET',
+      success:function(res){
+          that.setData({
+            lb: res.data.data.banners
+          })
+      }
+    })
+    // 全刊
+    wx.request({
+      url: host + '/api/index/journals',
+      method: 'GET',
+      success: function (res) {
+        wx.hideLoading()
+        that.setData({
+          journals: res.data.data.journals
+        })
+      }
+    })
+    // 主办单位
+    wx.request({
+      url: host + '/api/index/organizers',
+      method: 'GET',
+      success: function (res) {
+        that.setData({
+          organizers: res.data.data.list
+        })
+      }
+    })
+    // 领域期刊
+    wx.request({
+      url: host + '/api/index/subjects',
+      method: 'GET',
+      success: function (res) {
+        that.setData({
+          subjects: res.data.data.list
+        })
+      }
+    })
+  }, 
+  //置顶
+  top: function(e){
+      wx.request({
+        url: host+'/api/index/totop',
+        method:'PUT',
+        data:{
+          id:e.target.dataset.id,
+          type:'subject'
         },
-        {
-          url: '',
-          text: '中国科学家实现“量子计算优越性”里程碑'
+        success:function(res){
+          console.log(res.data)
         }
-    ],
-    act:0
+      })
   },
   tab:function(e){
     this.setData({
@@ -87,9 +143,7 @@ Page({
       })
     })
   },
-  onLoad: function () {
- 
-  },
+  
   getUserInfo: function(e) {
     console.log(e)
     app.globalData.userInfo = e.detail.userInfo

pages/index/index.wxml

@@ -6,7 +6,7 @@
 <swiper class="banner" indicator-dots="{{true}}" autoplay="" indicator-active-color='#ffffff'>
         <block wx:for="{{lb}}" wx:key="*this">
           <swiper-item>
-            <image  src="../images/233.jpg"></image>
+            <image  src="{{item.img}}"></image>
             <!-- <view class="swiper-item">{{item.text}}</view> -->
           </swiper-item>
         </block>
@@ -62,124 +62,21 @@
     <scroll-view scroll-y="true" scroll-into-view="{{scroll}}" class="content">
         
         <view id="a" class="tt">A</view>
-        <navigator class="list">
-            <image  mode="widthFix" src="../images/qk1.jpeg"></image>
+        <navigator class="list" wx:for='{{journals}}' wx:key="journals{{index}}">
+            <image  mode="widthFix" src="{{item.img}}"></image>
             <view>
-                <view class="title">Acta Mathematicae Applicata...</view>
-                <text>微信号：暂无</text>
-                <text>主编：丁夏畦</text>
-                <text class="">主办单位：中国科学院数学与系统科学中国科学院数学与系统科学</text>
-            </view>
-        </navigator>
-        <navigator class="list">
-            <image  mode="widthFix" src="../images/qk1.jpeg"></image>
-            <view>
-                <view class="title">Acta Mathematicae Applicata...</view>
-                <text>微信号：暂无</text>
-                <text>主编：丁夏畦</text>
-                <text class="">主办单位：中国科学院数学与系统科学...</text>
-            </view>
-        </navigator>
-        <navigator class="list">
-            <image  mode="widthFix" src="../images/qk1.jpeg"></image>
-            <view>
-                <view class="title">Acta Mathematicae Applicata...</view>
-                <text>微信号：暂无</text>
-                <text>主编：丁夏畦</text>
-                <text>主办单位：中国科学院数学与系统科学...</text>
-            </view>
-        </navigator>
-        <view id="b" class="tt">B</view>
-        <navigator class="list">
-            <image  mode="widthFix" src="../images/qk1.jpeg"></image>
-            <view>
-                <view class="title">Acta Mathematicae Applicata...</view>
-                <text>微信号：暂无</text>
-                <text>主编：丁夏畦</text>
-                <text>主办单位：中国科学院数学与系统科学...</text>
-            </view>
-        </navigator>
-        <navigator class="list">
-            <image  mode="widthFix" src="../images/qk1.jpeg"></image>
-            <view>
-                <view class="title">Acta Mathematicae Applicata...</view>
-                <text>微信号：暂无</text>
-                <text>主编：丁夏畦</text>
-                <text>主办单位：中国科学院数学与系统科学...</text>
-            </view>
-        </navigator>
-        <navigator class="list">
-            <image  mode="widthFix" src="../images/qk1.jpeg"></image>
-            <view>
-                <view class="title">Acta Mathematicae Applicata...</view>
-                <text>微信号：暂无</text>
-                <text>主编：丁夏畦</text>
-                <text>主办单位：中国科学院数学与系统科学...</text>
-            </view>
-        </navigator>
-        <view id="c" class="tt">C</view>
-        <navigator class="list">
-            <image  mode="widthFix" src="../images/qk1.jpeg"></image>
-            <view>
-                <view class="title">Acta Mathematicae Applicata...</view>
-                <text>微信号：暂无</text>
-                <text>主编：丁夏畦</text>
-                <text>主办单位：中国科学院数学与系统科学...</text>
-            </view>
-        </navigator>
-        <navigator class="list">
-            <image  mode="widthFix" src="../images/qk1.jpeg"></image>
-            <view>
-                <view class="title">Acta Mathematicae Applicata...</view>
-                <text>微信号：暂无</text>
-                <text>主编：丁夏畦</text>
-                <text>主办单位：中国科学院数学与系统科学...</text>
-            </view>
-        </navigator>
-        <view id="d" class="tt">D</view>
-        <navigator class="list">
-            <image  mode="widthFix" src="../images/qk1.jpeg"></image>
-            <view>
-                <view class="title">Acta Mathematicae Applicata...</view>
-                <text>微信号：暂无</text>
-                <text>主编：丁夏畦</text>
-                <text>主办单位：中国科学院数学与系统科学...</text>
-            </view>
-        </navigator>
-        <navigator class="list">
-            <image  mode="widthFix" src="../images/qk1.jpeg"></image>
-            <view>
-                <view class="title">Acta Mathematicae Applicata...</view>
-                <text>微信号：暂无</text>
-                <text>主编：丁夏畦</text>
-                <text>主办单位：中国科学院数学与系统科学...</text>
-            </view>
-        </navigator>
-        <view id="e" class="tt">E</view>
-        <navigator class="list">
-            <image  mode="widthFix" src="../images/qk1.jpeg"></image>
-            <view>
-                <view class="title">Acta Mathematicae Applicata...</view>
-                <text>微信号：暂无</text>
-                <text>主编：丁夏畦</text>
-                <text>主办单位：中国科学院数学与系统科学...</text>
-            </view>
-        </navigator>
-        <navigator class="list">
-            <image  mode="widthFix" src="../images/qk1.jpeg"></image>
-            <view>
-                <view class="title">Acta Mathematicae Applicata...</view>
-                <text>微信号：暂无</text>
-                <text>主编：丁夏畦</text>
-                <text>主办单位：中国科学院数学与系统科学...</text>
+                <view class="title">{{item.name}}</view>
+                <text>微信号：{{item.wxcode}}</text>
+                <text>主编：{{item.editor}}</text>
+                <text class="">主办单位：{{item.publishingUnit}}</text>
             </view>
         </navigator>
     </scroll-view>
   </swiper-item>
   <swiper-item>
       <scroll-view  scroll-y="true">
-          <view class="dw">
-              <view class="dw_title">数学与系统科学研究所   
+          <view class="dw" wx:for='{{organizers}}' wx:key="organizers{{index}}">
+              <view class="dw_title">{{item.name}}
               <image mode="widthFix"  src="../images/left.png"></image><text>12 </text> </view>
               <view class="dw_list">
                     <navigator>
@@ -197,65 +94,20 @@
                     <view class="top cancel">取消置顶</view>
               </view>
           </view>
-          <view class="dw">
-              <view class="dw_title">数学与系统科学研究所   
-              <image mode="widthFix"  src="../images/left.png"></image><text>12 </text> </view>
-              <view class="dw_list">
-                    <navigator>
-                        <view>《数学学报》</view>
-                        <text>华罗庚“典型域上的多元复变数函数论”</text>
-                    </navigator>
-                    <navigator>
-                        <view>《数学学报》</view>
-                        <text>华罗庚“典型域上的多元复变数函数论”</text>
-                    </navigator>
-                    <navigator>
-                        <view>《数学学报》</view>
-                        <text>华罗庚“典型域上的多元复变数函数论”</text>
-                    </navigator>
-                    <view class="top">置顶</view>
-              </view>
-          </view>
       </scroll-view>
   </swiper-item>
   <swiper-item>
       <scroll-view scroll-y="true">
-          <view class="dw">
-              <view class="dw_title">数学与系统科学研究所   
-              <image mode="widthFix"  src="../images/left.png"></image><text>12 </text> </view>
-              <view class="dw_list">
-                    <navigator>
-                        <view>《数学学报》</view>
-                        <text>华罗庚“典型域上的多元复变数函数论”</text>
-                    </navigator>
-                    <navigator>
-                        <view>《数学学报》</view>
-                        <text>华罗庚“典型域上的多元复变数函数论”</text>
-                    </navigator>
-                    <navigator>
-                        <view>《数学学报》</view>
-                        <text>华罗庚“典型域上的多元复变数函数论”</text>
-                    </navigator>
-                    <view class="top cancel">取消置顶</view>
-              </view>
-          </view>
-          <view class="dw">
-              <view class="dw_title">数学与系统科学研究所   
+          <view class="dw" wx:for='{{subjects}}' wx:key="*this">
+              <view class="dw_title">{{item.name}}  
               <image mode="widthFix"  src="../images/left.png"></image><text>12 </text> </view>
               <view class="dw_list">
-                    <navigator>
-                        <view>《数学学报》</view>
-                        <text>华罗庚“典型域上的多元复变数函数论”</text>
-                    </navigator>
-                    <navigator>
-                        <view>《数学学报》</view>
-                        <text>华罗庚“典型域上的多元复变数函数论”</text>
-                    </navigator>
-                    <navigator>
-                        <view>《数学学报》</view>
-                        <text>华罗庚“典型域上的多元复变数函数论”</text>
+                    <navigator wx:for='{{item.journals}}' wx:key="*this" wx:for-item='jour'>
+                        <view>{{jour.ename}}</view>
+                        <text>{{jour.desc}}</text>
                     </navigator>
-                    <view class="top">置顶</view>
+                    <view wx:if='{{index==0}}' bindtap="cancel_top" class="top cancel">取消置顶</view>
+                    <view wx:else bindtap="top" data-id='{{item.subject_id}}' class="top">置顶</view>
               </view>
           </view>
       </scroll-view>

pages/index/index.wxss

@@ -1,32 +1,5 @@
 /**index.wxss**/
-page{
-  background: #EEEEEE;
-  padding: 20rpx 30rpx 0;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-}
-.search{
-  position: relative;
-}
-input{
-  display: block;
-  height: 70rpx;
-  background: #fff;
-  border-radius: 20rpx;
-  width: 100%;
-  padding: 0 25rpx;
-}
-.search image{
-  width: 35rpx;
-  position: absolute;
-  right: 25rpx;
-  top: 0;
-  bottom: 0;
-  margin: auto;
-}
+
 .banner{
   margin: 20rpx 0;
   width: 100%;
@@ -64,7 +37,7 @@ input{
   margin-bottom: 20rpx;
 }
 .tab text{
-  font-size: 32rpx;
+  font-size: 30rpx;
   color: #666;
 }
 .tab .active{
@@ -114,7 +87,7 @@ scroll-view{
 }
 .list image{
   width: 20%;
-  /* height: 100% !important; */
+  max-height: 100px;
 }
 .list>view{
   width: 80%;

pages/learning/index.wxml

@@ -1,2 +0,0 @@
-<!--pages/learning/index.wxml-->
-<text>pages/learning/index.wxml</text>

pages/learning/index.wxss

@@ -1 +0,0 @@
-/* pages/learning/index.wxss */

pages/learning/learning.js

@@ -1,20 +1,47 @@
 // pages/learning/learning.js
+const app = getApp()
+var host = app.globalData.host;
 Page({
 
   /**
    * 页面的初始数据
    */
   data: {
-
+    act:2,
+    arct:[],
+    hot_arct:[],
+    over_arct:[]
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
-
+    this.getData();
+  },
+  getData:function(){
+    var that=this;
+    wx.request({
+      url: host+'/api/recommend',
+      success:function(res){
+        that.setData({
+          arct: res.data.data.arct,
+          hot_arct: res.data.data.hot_arct,
+          over_arct: res.data.data.over_arct
+        })
+      }
+    })
+  },
+  tab: function (e) {
+    this.setData({
+      act: e.target.dataset.id
+    })
+  },
+  swchange: function (e) {
+    this.setData({
+      act: e.detail.current
+    })
   },
-
   /**
    * 生命周期函数--监听页面初次渲染完成
    */

pages/learning/learning.json

@@ -1,3 +1,4 @@
 {
-  "usingComponents": {}
+  "navigationBarTitleText": "学术交流",
+  "disableScroll": true
 }

pages/learning/learning.wxml

@@ -1,2 +1,108 @@
-<!--pages/learning/learning.wxml-->
-<text>pages/learning/learning.wxml</text>
+<view class="search">
+    <input placeholder-style='color:#C8C8C8;' placeholder="输入名称/关键字搜索"></input>
+    <image  mode="widthFix" src="../images/search.png"></image>
+</view>
+<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>
+    <text bindtap="tab" data-id='2' class="{{act == 2?'active':''}}">活动预告</text>
+    <text bindtap="tab" data-id='3' class="{{act == 3?'active':''}}">活动回顾</text>
+</view>
+
+
+<swiper circular="{{true}}" style="height:83vh;" bindchange='swchange' current='{{act}}' autoplay="{{false}}">
+  <swiper-item>
+      <scroll-view scroll-y="true">
+          <view class="part">
+              <view class="title">精品推荐   <navigator>查看更多</navigator></view>
+              <view class="tj">
+                  <navigator wx:for="{{arct}}">
+                    <image  mode="widthFix" src="{{item.img}}"></image>
+                    <view>{{item.name}}</view>
+                    <text>{{item.desc}}</text>
+                  </navigator>  
+              </view>
+          </view>
+
+          <view class="part">
+              <view class="title">热门活动   <navigator>查看更多</navigator></view>
+              <view class="hd">
+                  <navigator class="list" wx:for='{{hot_arct}}' wx:key="hot_arct{{index}}">
+                      <image  mode="widthFix" src="{{item.img}}"></image>
+                      <view>
+                          <view class="tt">{{item.name}}  </view>
+                          <text class="ly">来源 :地球化学研究所 <text>2018.5.28</text></text>
+                          <text>{{item.desc}}</text>
+                      </view>
+                  </navigator> 
+              </view>
+          </view>
+
+          <view class="part">
+              <view class="title">活动预告   <navigator>查看更多</navigator></view>
+              <view class="hd">
+                  <navigator class="list" wx:for='{{over_arct}}' wx:key="over_arct{{index}}">
+                      <image  mode="widthFix" src="{{item.img}}"></image>
+                      <view>
+                          <view class="tt">{{item.name}}  </view>
+                          <text class="ly">来源 :地球化学研究所 <text>2018.5.28</text></text>
+                          <text>{{item.desc}}</text>
+                      </view>
+                  </navigator> 
+              </view>
+          </view>
+
+      </scroll-view>
+  </swiper-item>
+  <swiper-item>
+      <scroll-view class="content" scroll-y="true">
+                <navigator class="list" wx:for='{{hot_arct}}' wx:key="hot_arct{{index}}">
+                      <image  mode="widthFix" src="{{item.img}}"></image>
+                      <view>
+                          <view class="tt">{{item.name}}  </view>
+                          <text class="hd_ly">来源 :地球化学研究所 <text>2018.5.28</text></text>
+                          <text>{{item.desc}}</text>
+                      </view>
+                  </navigator> 
+      </scroll-view>
+  </swiper-item>
+  <swiper-item>
+      <scroll-view class="content" scroll-y="true">
+                <navigator class="list" wx:for='{{hot_arct}}' wx:key="hot_arct{{index}}">
+                      <image  mode="widthFix" src="{{item.img}}"></image>
+                      <view>
+                          <view class="tt">{{item.name}}  </view>
+                          <view class="ly"> 
+                              <view>
+                                  <text>2018.5.28</text>
+                                  <text>地址：中国科学院</text>
+                              </view>
+                              <text>作者：包为民</text>
+                              <text>中国科学院</text> 
+                          </view>
+                          <text>{{item.desc}}</text>
+                      </view>
+                  </navigator> 
+      </scroll-view>
+  </swiper-item>
+
+  <swiper-item>
+      <scroll-view class="content" scroll-y="true">
+                <navigator class="list" wx:for='{{hot_arct}}' wx:key="hot_arct{{index}}">
+                      <image  mode="widthFix" src="{{item.img}}"></image>
+                      <view>
+                          <view class="tt">{{item.name}}  </view>
+                          <view class="ly"> 
+                              <view>
+                                  <text>2018.5.28</text>
+                                  <text>地址：中国科学院</text>
+                              </view>
+                              <text>作者：包为民</text>
+                              <text>中国科学院</text> 
+                          </view>
+                          <text>{{item.desc}}</text>
+                      </view>
+                  </navigator> 
+      </scroll-view>
+  </swiper-item>
+</swiper>

pages/learning/learning.wxss

@@ -1 +1,133 @@
-/* pages/learning/learning.wxss */
+/* pages/learning/learning.wxss */
+.tab{
+  display: flex;
+  justify-content: space-between;
+  margin: 20rpx 0;
+}
+.tab text{
+  font-size: 30rpx;
+  color: #666;
+}
+.tab .active{
+  color: #3780CD;
+}
+scroll-view{
+  height: 100%;
+}
+.part{
+  background: #fff;
+  border-radius: 18rpx;
+  margin-bottom: 20rpx;
+  padding: 24rpx;
+}
+.title{
+  font-size: 32rpx;
+  color: #333;
+  margin-bottom: 28rpx;
+}
+.title navigator{
+  float: right;
+  color: #3780CD;
+  font-size: 26rpx;
+}
+.tj{
+  display: flex;
+  justify-content: space-between;
+}
+.tj navigator{
+  width: 30%;
+}
+.tj image{
+  width: 100%;
+  max-height: 200rpx;
+}
+.tj view{
+  color: #333;
+  font-size: 28rpx;
+  margin: 28rpx 0;
+  overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    white-space: normal;
+}
+.tj text{
+  display: block;
+  color: #989898;
+  font-size: 24rpx;
+  overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    white-space: normal;
+}
+
+.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%;
+  vertical-align: middle;
+  padding-left: 20rpx;  
+}
+.list .tt{
+  margin-bottom: 20rpx;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  font-size: 28rpx;
+}
+.list text{
+  color: #999;
+  display: block;
+  overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    white-space: normal;
+    font-size: 26rpx;
+}
+.list .hd_ly{
+  margin-bottom: 40rpx;
+  color: #666;
+}
+.hd_ly text{
+  font-size: 18rpx;
+  float: right;
+  margin-top: 5rpx;
+}
+.content{
+  background: #fff;
+  border-radius: 18rpx;
+  padding: 20rpx;
+}
+.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;
+}

project.config.json

@@ -27,7 +27,7 @@
 	},
 	"compileType": "miniprogram",
 	"libVersion": "2.14.0",
-	"appid": "wxefb72c1e5fb5add2",
+	"appid": "wx2938132b773c7b5a",
 	"projectname": "zkyxcx",
 	"debugOptions": {
 		"hidedInDevtools": []