yjh 2 months ago
parent f8534e84f7
commit 8dcb67544f

@ -11,10 +11,15 @@
</view> --> </view> -->
<!-- 内容布局 --> <!-- 内容布局 -->
<view> <view>
<view class="header">
<text class="title">逍 摇 人</text>
<image class="logo" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/7.png" mode="aspectFit"></image>
</view>
<swiper class="swiperTtemBox" vertical="true" current="{{vertIndex}}" bindchange="vertPageChange"> <swiper class="swiperTtemBox" vertical="true" current="{{vertIndex}}" bindchange="vertPageChange">
<swiper-item class="swiperTtemBox"> <swiper-item class="swiperTtemBox">
<view class="top-bar"> <view class="top-bar">
<text class="horizontal-text">撤 销</text> <text class="horizontal-text">撤 销</text>
<image class = "picture22" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/22.png" mode="aspectFit"></image>
</view> </view>
</swiper-item> </swiper-item>
<swiper-item class="swiperTtemBox"> <swiper-item class="swiperTtemBox">
@ -22,13 +27,19 @@
<swiper-item class="swiperTtemBox"> <swiper-item class="swiperTtemBox">
<view class="left-bar"> <view class="left-bar">
<text class="vertical-text">旷 课</text> <text class="vertical-text">旷 课</text>
<image class = "picture42" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/42.png" mode="aspectFit"></image>
</view> </view>
</swiper-item> </swiper-item>
<swiper-item class="swiperTtemBox"> <swiper-item class="swiperTtemBox">
<view class="main"> <view class="main">
<!-- 学号 + 姓名 --> <!-- 学号 + 姓名 -->
<text>{{student_ID}}</text> <view class="student-info1">
<text>{{name}}</text> <text>{{student_ID}}</text>
</view>
<view class="student-info2">
<text>{{name}}</text>
</view>
<!-- <text>000000001</text> <!-- <text>000000001</text>
<text>张三</text> --> <text>张三</text> -->
</view> </view>
@ -36,6 +47,7 @@
<swiper-item class="swiperTtemBox"> <swiper-item class="swiperTtemBox">
<view class="right-bar"> <view class="right-bar">
<text class="vertical-text">请 假</text> <text class="vertical-text">请 假</text>
<image class = "picture31" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/31.png" mode="aspectFit"></image>
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
@ -43,6 +55,7 @@
<swiper-item class="swiperTtemBox"> <swiper-item class="swiperTtemBox">
<view class="bottom-bar"> <view class="bottom-bar">
<text class="horizontal-text">点 到</text> <text class="horizontal-text">点 到</text>
<image class = "picture17" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/17.png" mode="aspectFit"></image>
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>

@ -1,7 +1,30 @@
/* pages/card/card.wxss */ /* pages/card/card.wxss */
.header{
height: 250rpx;
position: relative;
width: 100%;
}
.title{
position: absolute;
font-family: "xiaowei";
font-weight: 300;
font-size: 70px;
color: #333;
top:30px;
left: 20px;
}
.logo{
position: absolute;
top: 12px;
right: 15px;
height: 120px;
width:120px;
z-index: 1;
}
.swiperTtemBox { .swiperTtemBox {
/* 底部内容样式 */ /* 底部内容样式 */
height: 100vh; height: 82vh;
overflow: scroll; overflow: scroll;
/* margin: 0rpx 0rpx; */ /* margin: 0rpx 0rpx; */
background: white; background: white;
@ -57,11 +80,57 @@
.vertical-text { .vertical-text {
padding-left: 5%; padding-left: 5%;
padding-right: 5%; padding-right: 5%;
font-weight: bold;
/* border: 2px solid black; */ /* border: 2px solid black; */
writing-mode: vertical-lr; writing-mode: vertical-lr;
} }
.horizontal-text { .horizontal-text {
padding-top: 5%; padding-top: 5%;
padding-bottom: 5%; padding-bottom: 5%;
font-weight: bold;
/* border: 2px solid black; */ /* border: 2px solid black; */
} }
.student-info1 {
position: fixed;
left: 22%;
top: 25%;
font-size: 40px;
}
.student-info2 {
position: fixed;
left: 22%;
top: 35%;
font-size: 55px;
letter-spacing: 23px;
font-weight: bold;
}
.picture22 {
position: fixed;
width: 40%;
bottom: 5%;
/* bottom: -10%; */
/* right: 5%; */
}
.picture42 {
position: fixed;
width: 40%;
bottom: 30%;
right: 20%;
}
.picture31 {
position: fixed;
width: 40%;
bottom: 34%;
left: 20%;
}
.picture17 {
position: fixed;
width: 40%;
top: 7%;
/* bottom: 30%; */
}

@ -1,8 +1,13 @@
<view> <view>
<view class="header">
<text class="title">逍 摇 人</text>
<image class="logo" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/7.png" mode="aspectFit"></image>
</view>
<swiper class="swiperTtemBox" vertical="true" current="{{vertIndex}}" bindchange="vertPageChange"> <swiper class="swiperTtemBox" vertical="true" current="{{vertIndex}}" bindchange="vertPageChange">
<swiper-item class="swiperTtemBox"> <swiper-item class="swiperTtemBox">
<view class="top-bar"> <view class="top-bar">
<text class="horizontal-text">未到课</text> <text class="horizontal-text">未到课</text>
<image class="picture42" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/42.png" mode="aspectFit"></image>
</view> </view>
</swiper-item> </swiper-item>
<swiper-item class="swiperTtemBox"> <swiper-item class="swiperTtemBox">
@ -10,34 +15,33 @@
<swiper-item class="swiperTtemBox"> <swiper-item class="swiperTtemBox">
<view class="left-bar"> <view class="left-bar">
<text class="vertical-text">准确复述</text> <text class="vertical-text">准确复述</text>
<image class="picture441" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/44.gif" mode="aspectFit"></image>
</view> </view>
</swiper-item> </swiper-item>
<swiper-item class="swiperTtemBox"> <swiper-item class="swiperTtemBox">
<view class="main"> <view class="student-info1">
<!-- 学号 -->
<view class="student-info">
<text>{{student_ID}}</text> <text>{{student_ID}}</text>
</view> </view>
<view class="student-info2">
<!-- 姓名 -->
<view class="student-info">
<text>{{name}}</text> <text>{{name}}</text>
</view> </view>
<!-- 分数选择器,显示在姓名的下面 --> <!-- 分数选择器,显示在姓名的下面 -->
<picker mode="selector" range="{{scoreOptions}}" bindchange="scoreChange" wx:if="{{showScorePicker}}"> <picker mode="selector" range="{{scoreOptions}}" bindchange="scoreChange" wx:if="{{showScorePicker}}">
<image class = "picture16" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/18.png" mode="aspectFit"></image>
<view class="pickerback"></view>
<view class="picker"> <view class="picker">
分数: {{selectedScore || '请选择分数'}} {{selectedScore || '请选择分数'}}
</view> </view>
</picker> </picker>
<view class="confirm-content"wx:if="{{showScorePicker}}" bindtap="confirmScore"></view>
<button class="confirm-button"wx:if="{{showScorePicker}}" bindtap="confirmScore">确认</button>
<!-- 确认分数按钮 --> <!-- 确认分数按钮 -->
<button wx:if="{{showScorePicker}}" bindtap="confirmScore">确认分数</button>
</view>
</swiper-item> </swiper-item>
<swiper-item class="swiperTtemBox"> <swiper-item class="swiperTtemBox">
<view class="right-bar"> <view class="right-bar">
<text class="vertical-text">复述失败</text> <text class="vertical-text">复述失败</text>
<image class = "picture20" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/20.png" mode="aspectFit"></image>
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
@ -45,6 +49,7 @@
<swiper-item class="swiperTtemBox"> <swiper-item class="swiperTtemBox">
<view class="bottom-bar"> <view class="bottom-bar">
<text class="horizontal-text">准确回答</text> <text class="horizontal-text">准确回答</text>
<image class = "picture17" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/17.png" mode="aspectFit"></image>
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>

@ -1,12 +1,41 @@
/* pages/card/card.wxss */ /* pages/card/card.wxss */
.header{
height: 250rpx;
position: relative;
width: 100%;
}
.title{
position: absolute;
font-family: "xiaowei";
font-weight: 300;
font-size: 70px;
color: #333;
top:30px;
left: 20px;
}
.logo{
position: absolute;
top: 12px;
right: 15px;
height: 120px;
width:120px;
z-index: 1;
}
.swiperTtemBox { .swiperTtemBox {
/* 底部内容样式 */ /* 底部内容样式 */
height: 100vh; height: 82vh;
overflow: scroll; overflow: scroll;
/* margin: 0rpx 0rpx; */ /* margin: 0rpx 0rpx; */
background: white; background: white;
font-size: 28rpx; font-size: 28rpx;
} }
.picture16 {
position: fixed;
width: 35%;
left: 31%;
top: -5%;
}
.top-bar { .top-bar {
display: flex; display: flex;
height: 100%; height: 100%;
@ -57,11 +86,116 @@
.vertical-text { .vertical-text {
padding-left: 5%; padding-left: 5%;
padding-right: 5%; padding-right: 5%;
font-weight: bold;
/* border: 2px solid black; */ /* border: 2px solid black; */
writing-mode: vertical-lr; writing-mode: vertical-lr;
} }
.horizontal-text { .horizontal-text {
padding-top: 5%; padding-top: 5%;
padding-bottom: 5%; padding-bottom: 5%;
font-weight: bold;
/* border: 2px solid black; */ /* border: 2px solid black; */
} }
.student-info1 {
position: fixed;
left: 22%;
top: 25%;
font-size: 40px;
}
.student-info2 {
position: fixed;
left: 22%;
top: 35%;
font-size: 55px;
letter-spacing: 23px;
font-weight: bold;
}
.picker {
width: 60%;
height: 5%;
position: fixed;
top: 55%;
left: 17%;
border: 10px solid white;
border-radius: 10px;
font-size: 28px;
background-color: white;
text-align: center;
line-height: 120%;
justify-content: center;
z-index: 2;
font-weight: 600;
}
.pickerback{
position: fixed;
width: 65%;
height: 7%;
top: 54%;
left: 15%;
background-color: #4D95DF ;
border: 10px solid #4D95DF;
border-radius: 15px;
z-index: 1;
}
.confirm-content {
position: fixed;
width: 45%;
height: 4.5%;
left: 24%;
bottom: 24.7%;
border: 2px solid #F8E39F; /* 边框颜色 */
background-color: #F8E39F; /* 按钮背景颜色 */
color: #F8E39F; /* 字体颜色 */
border-radius: 20px; /* 圆角设置 */
padding: 5px 10px; /* 内边距 */
font-size: 40px; /* 字体大小 */
text-align: center;
justify-content: center;
}
.confirm-button {
position: fixed;
/* width: 10%; */
height: 5%;
bottom: 25.5%;
left: 26%;
background-color: white; /* 内部背景颜色 */
color: black;
/* padding: 12px; */
border-radius: 15px; /* 内部圆角半径 */
font-size: 28px; /* 字体大小 */
font-family: "youshebiaotihei";
font-weight: 150;
line-height: 60%;
z-index: 2;
}
.picture42 {
position: fixed;
width: 40%;
/* bottom: -10%; */
/* right: 5%; */
}
.picture441 {
position: fixed;
width: 40%;
bottom: 30%;
right: 20%;
}
.picture20 {
position: fixed;
width: 40%;
bottom: 30%;
left: 20%;
}
.picture17 {
position: fixed;
width: 40%;
top: 7%;
/* bottom: 30%; */
}

@ -47,13 +47,18 @@ Page({
}); });
}, },
triggerSelection: function() { beginfront: function() {
if (this.data.isAllSpot) { if (this.data.isAllSpot) {
this.fullSelection(); this.fullSelection();
// console.log("执行全点");
} else { } else {
// 否则执行 fullSelection // 否则执行 fullSelection
this.randomSelection(); this.randomSelection();
// console.log("执行抽点");
} }
wx.navigateTo({
url: '/pages/card/card',
})
}, },
// 课前点名 - 抽点 // 课前点名 - 抽点
randomSelection: function() { randomSelection: function() {
@ -77,18 +82,16 @@ Page({
}) })
}, },
beginfull: function(e) {
wx.navigateTo({
url: '/pages/card/card',
})
},
beginsolid: function() { beginsolid: function() {
this.setData({ this.setData({
showSolidMode: true, // 设置为 true 来隐藏当前内容并显示新的内容 showSolidMode: true, // 设置为 true 来隐藏当前内容并显示新的内容
}); });
}, },
retrun1: function() {
this.setData({
showSolidMode:false,
})
},
beginsolidgo: function() { beginsolidgo: function() {
// console.log(this.data.indexstudent); // console.log(this.data.indexstudent);
app.globalData.part = 1; app.globalData.part = 1;
@ -124,7 +127,7 @@ Page({
// }); // });
}, },
exportFile: function () { handleTap: function () {
var app = getApp(); var app = getApp();
// console.log(app.globalData.fileID); // console.log(app.globalData.fileID);
wx.showLoading({ wx.showLoading({

@ -33,7 +33,7 @@
</view> </view>
<image class="picture10" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/10.png" mode="aspectFit"></image> <image class="picture10" src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/10.png" mode="aspectFit"></image>
<view class="center-button"></view> <view class="center-button"></view>
<button class="inner-content" bindtap="beginfull">开始点名</button> <button class="inner-content" bindtap="beginfront">开始点名</button>
</view> </view>
<view wx:if="{{currentIndex == 1}}" class="content-container"> <view wx:if="{{currentIndex == 1}}" class="content-container">
@ -56,6 +56,7 @@
</picker> </picker>
<view class="check-button"></view> <view class="check-button"></view>
<button class="check-content" bindtap="beginsolidgo">确认</button> <button class="check-content" bindtap="beginsolidgo">确认</button>
<button class="return1" bindtap="retrun1">返回</button>
</view> </view>
</view> </view>
@ -77,6 +78,7 @@
</view> </view>
</view> </view>
</view> </view>
<image src="cloud://yz-7g23c92hf3223f1d.797a-yz-7g23c92hf3223f1d-1330140432/pictures/daochu.png" mode="aspectFit" class="image-btn" bindtap="handleTap"></image>
</view> </view>
</view> </view>

@ -157,6 +157,7 @@
font-family: "youshebiaotihei"; font-family: "youshebiaotihei";
line-height: 130%; line-height: 130%;
z-index: 2; z-index: 2;
font-weight: 150;
} }
.picture101 { .picture101 {
@ -196,6 +197,7 @@
font-family: "youshebiaotihei"; font-family: "youshebiaotihei";
line-height: 130%; line-height: 130%;
z-index: 2; z-index: 2;
font-weight: 150;
} }
.picture26 { .picture26 {
@ -235,6 +237,7 @@
font-family: "youshebiaotihei"; font-family: "youshebiaotihei";
line-height: 130%; line-height: 130%;
z-index: 2; z-index: 2;
font-weight: 150;
} }
.ranking-header { .ranking-header {
@ -364,3 +367,18 @@
line-height: 90%; line-height: 90%;
z-index: 2; z-index: 2;
} }
.return1 {
position: fixed;
bottom: 10%;
right: -7%;
font-size: 20px ;
background-color: white;
}
.image-btn {
position: fixed;
width: 10%;
right: 10%;
top: 5.8%;
}
Loading…
Cancel
Save