From 2892af751bcd4fde4e208e8ff199c02571820188 Mon Sep 17 00:00:00 2001 From: a <455919189@qq.com> Date: Sat, 7 May 2022 12:47:01 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6=E8=87=B3?= =?UTF-8?q?=20'pages/index'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/index/active.wxss | 30 ++++++ pages/index/index.js | 31 ++++++ pages/index/index.json | 8 ++ pages/index/index.wxml | 30 ++++++ pages/index/index.wxss | 221 ++++++++++++++++++++++++++++++++++++++++ 5 files changed, 320 insertions(+) create mode 100644 pages/index/active.wxss create mode 100644 pages/index/index.js create mode 100644 pages/index/index.json create mode 100644 pages/index/index.wxml create mode 100644 pages/index/index.wxss diff --git a/pages/index/active.wxss b/pages/index/active.wxss new file mode 100644 index 0000000..ad0817d --- /dev/null +++ b/pages/index/active.wxss @@ -0,0 +1,30 @@ +/* pages/index/active.wxss */ +.active{ + width:92vw; + padding: 4vw; +} +.top{ + padding-bottom: 4vw; + border-bottom:1px solid #ececec; +} +.top .title{ + font-size: 5.33vw; + color: #333333; + margin-bottom:4vw; +} +.top .time{ + font-size: 3.75vw; + color: #999999; + display: flex; + justify-content: space-between; +} +.liulan>text{ + color: #0072ff; +} +.cont{ + padding:4vw 0; +} +.cont image{ + max-width:100%; + height:auto; +} \ No newline at end of file diff --git a/pages/index/index.js b/pages/index/index.js new file mode 100644 index 0000000..72cff97 --- /dev/null +++ b/pages/index/index.js @@ -0,0 +1,31 @@ + + +Page({ + data: { + + }, + + onLoad: function () { + + }, + + + goFind:function(e){ + var index = e.currentTarget.dataset.index + if(index==1){ + wx.navigateTo({ + url: `../student/student`, + }) + }else{ + wx.navigateTo({ + url: `../teacherlogin/teacherlogin`, + }) + } + }, + + /** + * 活动跳转链接 + */ + + +}) diff --git a/pages/index/index.json b/pages/index/index.json new file mode 100644 index 0000000..2fb148a --- /dev/null +++ b/pages/index/index.json @@ -0,0 +1,8 @@ +{ + "usingComponents": { + "van-popup": "../../components/vant/dist/popup/index" + }, + "navigationBarTitleText": "浙交院学工助手", + "enablePullDownRefresh": true, + "backgroundTextStyle":"dark" +} \ No newline at end of file diff --git a/pages/index/index.wxml b/pages/index/index.wxml new file mode 100644 index 0000000..8aebec5 --- /dev/null +++ b/pages/index/index.wxml @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + 学生登陆 + + + + + + + + + 教师登陆 + + + + diff --git a/pages/index/index.wxss b/pages/index/index.wxss new file mode 100644 index 0000000..1f16267 --- /dev/null +++ b/pages/index/index.wxss @@ -0,0 +1,221 @@ +/**index.wxss**/ +image{ + width: 100%; + height: 100%; +} +.container{ + width: 100vw; + height:100vh; + position:relative; +} +/* 搜索 */ +.searchBox{ + width:100vw; + height:9vw; + position:absolute; + top:0; + left:0; + z-index: 3; + background:#fff; + padding:3vw 0; +} +.search{ + width: 92vw; + height: 9vw; + background-color: #fff; + border-radius: 1.33vw; + display: flex; + line-height: 9vw; + justify-content: center; + align-content: center; + font-size: 3.2vw; + color: #999999; + /* margin-bottom:2.53vw; */ + margin-left:4vw; + box-shadow: 0px 0px 4px 0px + rgba(0, 0, 0, 0.3); +} +.search .img{ + width: 3.87vw; + height: 3.87vw; + margin-right: 1vw; + padding-top:0.5vw; +} +/* logo */ +.logoBox{ + width: 100%; + height:100vh; + position: absolute; + top:0; + left:0; + z-index: 2; + overflow-y: hidden; +} +.logoBox .bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 2; +} +.logoBox .logo{ + width: 34.7vw; + height: 4vw; + /* margin-bottom: 28.53vw; */ + position:absolute; + z-index: 5; + top:20vw; + left:0; + right:0; + margin:auto; +} +.logoBox .content{ + width: 100%; + height: 100%; + position: absolute; + z-index: 3; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.logoBox .buyH,.logoBox .searchH,.logoBox .ershouH{ + width: 59.73vw; + height: 14.67vw; + /* border-radius: 8.02vw; */ + display: flex; + justify-content: center; + /* align-items: center; */ + line-height:14.67vw; + font-size: 4.8vw; + color: #fefefe; + /* font-weight: bold; */ + position:relative; +} +.logoBox .searchH{ + margin-bottom: 5vw; +} +.logoBox .buyH{ + color:#333; + margin-bottom: 5vw; +} +.logoBox .buyH .bg,.logoBox .searchH .bg,.logoBox .ershouH .bg{ + width: 59.73vw; + height: 16.13vw; + position: absolute; + z-index: -1; +} +.logoBox .buyH .img{ + width: 6vw; + height: 5.87vw; + margin-right: 2.4vw; + padding-top:1vw; +} +.logoBox .searchH .img{ + width: 6.4vw; + height: 6.4vw; + margin-right: 2.4vw; + padding-top:1vw; +} +.logoBox .ershouH .img{ + width: 6.4vw; + height: 6.4vw; + margin-right: 5.4vw; + padding-top:1.6vw; +} +/* 可售 在售 */ +.sell{ + width: 92vw; + padding:6.67vw 4vw 0; + display: flex; + justify-content: space-between; + position:absolute; + left:0; + bottom:12vw; + z-index: 3; +} +.sell-item{ + width: 44.67vw; + height: 27.2vw; + position: relative; +} +.sell-item .bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 2; +} +.sell-item .text{ + width: 36.67vw; + height: 100%; + padding:0 6vw; + position: absolute; + z-index: 3; + color: #fdc200; + display: flex; + flex-direction: column; + justify-content: center; + font-size: 8vw; + /* font-weight: bold; */ +} +.sell-item .text .label{ + font-size: 3.5vw; + font-weight: normal; + color:#fff; +} +/* 弹出活动 */ +.van-popup{ + overflow-y: visible!important; + background-color:transparent!important; +} +.con{ + width: 81.2vw; + height: 126.67vw; + /* background: #ffffff; */ + margin-bottom: 4.13vw; + border-radius: 2vw; + position:relative; +} +/* 活动轮播图 */ +swiper{ + width: 81.2vw; + height: 126.67vw; + border-radius: 2vw; + overflow: hidden; +} +.swiper-box .wx-swiper-dot{ + width:20px; + height:20px; +} +.activeName{ + width:100%; + text-align: center; + font-size: 7.73vw; + color: #ffffff; + padding-top:7.87vw; + margin-bottom:10vw; +} +.titleName{ + width:100%; + text-align:center; + font-size: 4.8vw; + color: #191919; + margin-bottom:2vw; +} +.con .time{ + width:100%; + text-align: center; + font-size: 3.47vw; + color: #191919; +} +.close{ + width: 30px; + height: 30px; + position:absolute; + z-index:100; + top:2vw; + right:2vw; +} +/* .logo image{ + width: 100%; + height: auto; +} */ \ No newline at end of file