小程序提交

pages/welcome/homePage/homePage.js

@@ -0,0 +1,74 @@
+// pages/welcome/homePage/homePage.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  // 跳转用户登录
+  userLogin(e) {
+    const role = e.currentTarget.dataset.role;
+    wx.navigateTo({
+      url: `/pages/loginModule/pwdLogin/pwdLogin?role=${role}`,
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/welcome/homePage/homePage.json

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

pages/welcome/homePage/homePage.wxml

@@ -0,0 +1,18 @@
+<view class="flex-col justify-start items-center page">
+  <view class="flex-col section">
+    <view class="flex-col items-center">
+      <image
+        class="image"
+        src="./images/logo.png"
+      />
+      <text class="mt-12 text">欢迎进入青橙校园</text>
+    </view>
+    <view class="mt-38 flex-col">
+      <view class="flex-col justify-start items-center text-wrapper" bind:tap="userLogin" data-role="{{ 'user' }}"><text class="font text_2">我是用户</text></view>
+      <view class="flex-col justify-start items-center text-wrapper_2 mt-9" bind:tap="userLogin" data-role="{{ 'supervisor' }}"><text class="font">我是主管</text></view>
+      <view class="flex-col justify-start items-center text-wrapper_2 mt-9" bind:tap="userLogin" data-role="{{ 'staff' }}">
+        <text class="font text_3">我是员工</text>
+      </view>
+    </view>
+  </view>
+</view>

pages/welcome/homePage/homePage.wxss

@@ -0,0 +1,57 @@
+.mt-9 {
+  margin-top: 16.88rpx;
+}
+.page {
+  padding: 255rpx 0 566.25rpx;
+  background-image: linear-gradient(180deg, #ffeed9 0%, #f5f5f500 125%);
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+}
+.section {
+  padding: 39.38rpx 52.5rpx 18.75rpx;
+  background-color: #ffffff;
+  border-radius: 35.16rpx;
+  box-shadow: 0rpx 3.75rpx 7.5rpx #00000040;
+}
+.image {
+  width: 232.5rpx;
+  height: 232.5rpx;
+}
+.text {
+  color: #1c2023;
+  font-size: 45rpx;
+  font-family: AlibabaPuHuiTi;
+  line-height: 41.53rpx;
+}
+.text-wrapper {
+  padding: 37.5rpx 0 30rpx;
+  background-color: #ff8d1a;
+  border-radius: 18.75rpx;
+  width: 498.75rpx;
+}
+.font {
+  font-size: 33.75rpx;
+  font-family: SourceHanSansCN;
+  line-height: 32.06rpx;
+  font-weight: 700;
+  color: #ff8d1a;
+}
+.text_2 {
+  color: #ffffff;
+  line-height: 32.14rpx;
+}
+.text-wrapper_2 {
+  padding: 37.5rpx 0 30rpx;
+  background-color: #ffffff;
+  border-radius: 18.75rpx;
+  width: 500.63rpx;
+  border-left: solid 1.88rpx #ff8d1a;
+  border-right: solid 1.88rpx #ff8d1a;
+  border-top: solid 1.88rpx #ff8d1a;
+  border-bottom: solid 1.88rpx #ff8d1a;
+}
+.text_3 {
+  line-height: 31.8rpx;
+}