Browse Source

自动登录

zhangshuling 4 years ago
parent
commit
76f348a427
4 changed files with 324 additions and 73 deletions
  1. 1 1
      app.json
  2. 119 72
      pages/index/index.js
  3. 65 0
      pages/index/index.wxml
  4. 139 0
      pages/index/index.wxss

+ 1 - 1
app.json

@@ -1,8 +1,8 @@
 {
   "plugins": {},
   "pages": [
-    "pages/login/login",
     "pages/index/index",
+    "pages/login/login",
     "pages/myself/myself"
   ],
   "window": {

+ 119 - 72
pages/index/index.js

@@ -1,78 +1,125 @@
-// pages/login/login.js
+// pages/index/index.js
 const app = getApp()
 const util = require("../../utils/util")
 const urls = require("../../utils/urls")
 Page({
 
-    /**
-     * 页面的初始数据
-     */
-    data: {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面加载
-     */
-    onLoad: function (options) {
-
-        util.apiPost(urls.urls.get_cur_user,{}).then(rs => {
-            console.log(JSON.stringify(rs));
-        });
-
-
-        // util.apiPost(urls.urls.get_holidays, { 'q.companyId': loginUser.attr.orgId }).then(rs => {
-        //     console.log(JSON.stringify(rs));
-        // });
-    },
-    /**
-     * 生命周期函数--监听页面初次渲染完成
-     */
-    onReady: function () {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面显示
-     */
-    onShow: function () {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面隐藏
-     */
-    onHide: function () {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面卸载
-     */
-    onUnload: function () {
-
-    },
-
-
-
-    /**
-     * 页面相关事件处理函数--监听用户下拉动作
-     */
-    onPullDownRefresh: function () {
-
-    },
-
-    /**
-     * 页面上拉触底事件的处理函数
-     */
-    onReachBottom: function () {
-
-    },
-
-    /**
-     * 用户点击右上角分享
-     */
-    onShareAppMessage: function () {
-
-    }
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    array: ['艾克斯郎校区1', '艾克斯郎校区2', '艾克斯郎校区3', '艾克斯郎校区4'],
+    objectArray: [
+      {
+        id: 0,
+        name: '艾克斯郎校区1'
+      },
+      {
+        id: 1,
+        name: '艾克斯郎校区2'
+      },
+      {
+        id: 2,
+        name: '艾克斯郎校区3'
+      },
+      {
+        id: 3,
+        name: '艾克斯郎校区4'
+      }
+    ],
+    index: 0,
+    stuList:[
+      {id: 0},
+      {id: 1}
+    ],
+    curStu: 0,
+    classList:[
+      {img: '/images/kc.png',title: '今日课程', num:'1'},
+      {img: '/images/jtzy.png',title: '今日作业', num:'6'},
+      {img: '/images/cq.png',title: '出勤率', num:'100%'},
+    ],
+    appList:[
+      {img: '/images/kb.png',title: '我的课表'},
+      {img: '/images/zy.png',title: '提交作业'},
+      {img: '/images/dp.png',title: '课堂点评'},
+      {img: '/images/zj.png',title: '成长足迹'},
+      {img: '/images/qj.png',title: '请假'},
+      {img: '/images/bk.png',title: '补课'},
+      {img: '/images/jk.png',title: '加课'},
+      {img: '/images/dk.png',title: '调课'},
+    ]
+  },
+
+  //切换身份
+  changeStu:function(e){
+    this.setData({
+      curStu: e.currentTarget.dataset.id
+    })
+  },
+
+  //切换校区
+  bindPickerChange: function(e) {
+    this.setData({
+      index: e.detail.value
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    //测试 获取登录用户数据
+    util.apiPost(urls.urls.get_cur_user,{}).then(rs => {
+      console.log(JSON.stringify(rs));
+    });
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
 })

+ 65 - 0
pages/index/index.wxml

@@ -0,0 +1,65 @@
+<view class="container">
+  <!-- 顶部学生信息 -->
+  <view class="head-view">
+    <view class="head-left">
+      <view class="head-img-view" wx:for="{{stuList}}" wx:key="index" data-id="{{item.id}}" bindtap="changeStu">
+        <image class="{{curStu == item.id ? 'curStu' : 'stuHead'}}" wx:if="{{index == 0}}" src="/images/head.png"></image>
+        <image class="{{curStu == item.id ? 'curStu' : 'stuHead'}}" wx:if="{{index != 0}}" src="/images/head2.png"></image>
+      </view>
+    </view>
+    <view class="head-right">
+      <view class="section">
+        <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
+          <view class="picker">
+            {{array[index]}}
+          </view>
+        </picker>
+      </view>
+    </view>
+  </view>
+  <!-- end -->
+
+  <!-- 轮播图 -->
+  <view class="swiper">
+			<swiper class="banner" autoplay circular interval="3000">
+				<block wx:for="{{1}}" wx:key="index">
+					<swiper-item class="banner-box" >
+						<image lazy-load mode="aspectFill" class="bb-image" src="https://file.schoolwisdoms.com/image/f398463b-3357-4dae-a6d0-4384a9c9d173.jpg"></image>
+					</swiper-item>
+				</block>
+			</swiper>
+		</view>
+  <!-- end -->
+
+    <!-- 课程数据 -->
+    <view class="class-view">
+      <view class="title">课程数据</view>
+      <view class="class-list">
+        <view class="class-box" wx:for="{{classList}}" wx:key="index">
+          <view class="class-img">
+            <image src="{{item.img}}"></image>
+          </view>
+          <view class="class-detail">
+            <view class="class-num">{{item.num}}</view>
+            <view class="class-title">{{item.title}}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <!-- end -->
+
+    <!-- 我的应用 -->
+    <view class="app-view">
+      <view class="title">我的应用</view>
+      <view class="app-list">
+        <view class="app-box" wx:for="{{appList}}" wx:key="index">
+          <view class="app-img">
+            <image src="{{item.img}}"></image>
+          </view>
+          <view class="app-title">{{item.title}}</view>
+        </view>
+      </view>
+    </view>
+    <!-- end -->
+
+</view>

+ 139 - 0
pages/index/index.wxss

@@ -0,0 +1,139 @@
+.container{
+  padding: 0;
+  margin: 0;
+  color: #333;
+}
+
+/* 顶部学生信息 */
+  .head-view{
+    display: flex;
+    width: 700rpx;
+    margin: 25rpx;
+  }
+  .head-left{
+    display: flex;
+    width: 350rpx;
+  }
+  .head-img-view{
+    width: 60rpx;
+    margin-right: 10rpx;
+  }
+  .head-img-view image{
+    height: 60rpx;
+    width: 60rpx;
+    border-radius: 60rpx;
+  }
+  .section{
+    height: 60rpx;
+    line-height: 60rpx;
+    text-align: center;
+    width: 350rpx;
+  }
+  .stuHead{
+    opacity: 0.2;
+  }
+  .curStu{
+    opacity: 1 !important;
+  }
+/* end */
+
+/* 轮播图 */
+.banner {
+  height: 600rpx;
+}
+
+.banner-box {
+  width: 100%;
+}
+
+.bb-image {
+  width: 750rpx;
+  height: 563rpx;
+}
+
+.swiper {
+  position: relative;
+}
+/* end */
+
+/* 课程数据 */
+  .class-view{
+    width: 700rpx;
+    margin:  40rpx  25rpx;
+  }
+  .class-list{
+    display: flex;
+  }
+  .class-box{
+    width: 220rpx;
+    height: 110rpx;
+    display: flex;
+    box-shadow: 0 20rpx 20rpx #ddd;
+    margin: 20rpx auto;
+  }
+  .class-img{
+    width: 60rpx;
+    height: 60rpx;
+    margin-top: 20rpx;
+    margin-left: 10rpx;
+  }
+  .class-img image{
+    height: 100%;
+    width: 100%;
+  }
+  .class-detail{
+    text-align: center;
+    width: 160rpx;
+    margin-left: auto;
+  }
+ 
+  .class-title{
+    color: #999;
+    font-size: 24rpx;
+    height: 40rpx;
+    line-height: 40rpx;
+  }
+  .class-num{
+    color: #cc6031;
+    height: 60rpx;
+    line-height: 60rpx;
+  }
+/* end */
+
+/* 标题 */
+  .title{
+    font-size: 36rpx;
+    font-weight: 600;
+  }
+/* end */
+
+/* 我的应用 */
+  .app-view{
+    width: 700rpx;
+    margin: 40rpx 25rpx;
+  }
+  .app-list{
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .app-box{
+    flex: 0 0 25%;
+    width: 150rpx;
+    text-align: center;
+    margin: 20rpx 0;
+  }
+  .app-img{
+    height: 80rpx;
+    width: 80rpx;
+    margin: 0 auto;
+  }
+  .app-img image{
+    width: 100%;
+    height: 100%;
+  }
+  .app-title{
+    font-size: 28rpx;
+    height: 60rpx;
+    line-height: 60rpx;
+  }
+/* end */