parent
0908c26935
commit
1c58b3c40a
@ -0,0 +1,14 @@
|
||||
# Windows
|
||||
[Dd]esktop.ini
|
||||
Thumbs.db
|
||||
$RECYCLE.BIN/
|
||||
|
||||
# macOS
|
||||
.DS_Store
|
||||
.fseventsd
|
||||
.Spotlight-V100
|
||||
.TemporaryItems
|
||||
.Trashes
|
||||
|
||||
# Node.js
|
||||
node_modules/
|
||||
@ -0,0 +1,34 @@
|
||||
{
|
||||
"pages": [
|
||||
"pages/index/index",
|
||||
"pages/index5/index5",
|
||||
"pages/index4/index4",
|
||||
"pages/index2/index2",
|
||||
"pages/rankk/rankk",
|
||||
"pages/upload_stu/upload_stu",
|
||||
"pages/change/change",
|
||||
"pages/demo1/demo1",
|
||||
"pages/index3/index3",
|
||||
"pages/stu_client/stu_client",
|
||||
"pages/comment/comment"
|
||||
|
||||
],
|
||||
"window": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "微信接口功能演示"
|
||||
},
|
||||
"style": "v2",
|
||||
"renderer": "skyline",
|
||||
"rendererOptions": {
|
||||
"skyline": {
|
||||
"defaultDisplayBlock": true,
|
||||
"disableABTest": true,
|
||||
"sdkVersionBegin": "3.0.0",
|
||||
"sdkVersionEnd": "15.255.255"
|
||||
}
|
||||
},
|
||||
"componentFramework": "glass-easel",
|
||||
"sitemapLocation": "sitemap.json",
|
||||
"lazyCodeLoading": "requiredComponents"
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
/**app.wxss**/
|
||||
.container {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 200rpx 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@import "./style/iconfont/iconfont.wxss"
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"component": true,
|
||||
"styleIsolation": "apply-shared",
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,64 @@
|
||||
<view class="weui-navigation-bar {{extClass}}">
|
||||
<view class="weui-navigation-bar__inner {{ios ? 'ios' : 'android'}}" style="color: {{color}}; background: {{background}}; {{displayStyle}}; {{innerPaddingRight}}; {{safeAreaTop}};">
|
||||
|
||||
<!-- 左侧按钮 -->
|
||||
<view class='weui-navigation-bar__left' style="{{leftWidth}};">
|
||||
<block wx:if="{{back || homeButton}}">
|
||||
<!-- 返回上一页 -->
|
||||
<block wx:if="{{back}}">
|
||||
<view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_goback">
|
||||
<view
|
||||
bindtap="back"
|
||||
class="weui-navigation-bar__btn_goback_wrapper"
|
||||
hover-class="weui-active"
|
||||
hover-stay-time="100"
|
||||
aria-role="button"
|
||||
aria-label="返回"
|
||||
>
|
||||
<view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<!-- 返回首页 -->
|
||||
<block wx:if="{{homeButton}}">
|
||||
<view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_home">
|
||||
<view
|
||||
bindtap="home"
|
||||
class="weui-navigation-bar__btn_home_wrapper"
|
||||
hover-class="weui-active"
|
||||
aria-role="button"
|
||||
aria-label="首页"
|
||||
>
|
||||
<view class="weui-navigation-bar__button weui-navigation-bar__btn_home"></view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</block>
|
||||
<block wx:else>
|
||||
<slot name="left"></slot>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<!-- 标题 -->
|
||||
<view class='weui-navigation-bar__center'>
|
||||
<view wx:if="{{loading}}" class="weui-navigation-bar__loading" aria-role="alert">
|
||||
<view
|
||||
class="weui-loading"
|
||||
aria-role="img"
|
||||
aria-label="加载中"
|
||||
></view>
|
||||
</view>
|
||||
<block wx:if="{{title}}">
|
||||
<text>{{title}}</text>
|
||||
</block>
|
||||
<block wx:else>
|
||||
<slot name="center"></slot>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<!-- 右侧留空 -->
|
||||
<view class='weui-navigation-bar__right'>
|
||||
<slot name="right"></slot>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,96 @@
|
||||
.weui-navigation-bar {
|
||||
--weui-FG-0:rgba(0,0,0,.9);
|
||||
--height: 44px;
|
||||
--left: 16px;
|
||||
}
|
||||
.weui-navigation-bar .android {
|
||||
--height: 48px;
|
||||
}
|
||||
|
||||
.weui-navigation-bar {
|
||||
overflow: hidden;
|
||||
color: var(--weui-FG-0);
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.weui-navigation-bar__inner {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: calc(var(--height) + env(safe-area-inset-top));
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-top: env(safe-area-inset-top);
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.weui-navigation-bar__left {
|
||||
position: relative;
|
||||
padding-left: var(--left);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.weui-navigation-bar__btn_goback_wrapper {
|
||||
padding: 11px 18px 11px 16px;
|
||||
margin: -11px -18px -11px -16px;
|
||||
}
|
||||
|
||||
.weui-navigation-bar__btn_goback_wrapper.weui-active {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.weui-navigation-bar__btn_goback {
|
||||
font-size: 12px;
|
||||
width: 12px;
|
||||
height: 24px;
|
||||
-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%;
|
||||
mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%;
|
||||
-webkit-mask-size: cover;
|
||||
mask-size: cover;
|
||||
background-color: var(--weui-FG-0);
|
||||
}
|
||||
|
||||
.weui-navigation-bar__center {
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: bold;
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.weui-navigation-bar__loading {
|
||||
margin-right: 4px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.weui-loading {
|
||||
font-size: 16px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: block;
|
||||
background: transparent url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
|
||||
background-size: 100%;
|
||||
margin-left: 0;
|
||||
animation: loading linear infinite 1s;
|
||||
}
|
||||
|
||||
@keyframes loading {
|
||||
from {
|
||||
transform: rotate(0);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"navigation-bar": "/components/navigation-bar/navigation-bar"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,17 @@
|
||||
<view class="container">
|
||||
<button class="data-button" bindtap="showData">
|
||||
<view>名称：{{randomRecord.name}}</view>
|
||||
<view>学号：{{randomRecord.num}}</view>
|
||||
<view>分数：{{randomRecord.score}}</view>
|
||||
</button>
|
||||
<view class="t-login">
|
||||
<form class="cl">
|
||||
<view class="t-a">
|
||||
<input type="number"placeholder="请输入分数" maxlength="11" bindinput="inputChange" />
|
||||
</view>
|
||||
<button bindtap="queryUser">打 分</button>
|
||||
<button bindtap="decreaseScore">不能复述</button>
|
||||
<button bindtap="addScore">可以复述</button>
|
||||
</form>
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,78 @@
|
||||
.data-button
|
||||
{
|
||||
padding: 10px;
|
||||
display:block;
|
||||
background-color:skyblue; /* 按钮背景颜色 */
|
||||
border: none; /* 无边框 */
|
||||
width: 150%; /* 按钮宽度 */
|
||||
text-align: left; /* 文本左对齐 */
|
||||
cursor: default; /* 将鼠标指针设置为默认，因为这是一个显示数据的按钮 */
|
||||
}
|
||||
.back
|
||||
{
|
||||
background-color: skyblue;
|
||||
border: none;
|
||||
border-radius: 12px;
|
||||
color:white;
|
||||
padding: 15px 32px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
margin: 100px 2px;
|
||||
cursor: pointer;
|
||||
transition-duration: 0.4s;
|
||||
-webkit-transition-duration: 0.4s;
|
||||
}
|
||||
.container
|
||||
{
|
||||
background-image: url('http://cdnjson.com/images/2024/09/26/change.jpg');
|
||||
height: 100vh;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.t-login {
|
||||
width: 600rpx;
|
||||
padding: 55rpx;
|
||||
margin: 0 auto;
|
||||
font-size: 28rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
position: relative;
|
||||
margin-top: -100rpx;
|
||||
box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.15);
|
||||
z-index: 9;
|
||||
}
|
||||
.t-login button {
|
||||
font-size: 38rpx;
|
||||
background: linear-gradient(to right, #02AAB0 0%, #00CDAC 51%, #02AAB0 100%);
|
||||
color: #fff;
|
||||
height: 120rpx;
|
||||
line-height: 90rpx;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
|
||||
.t-login input {
|
||||
padding: 0 20rpx 0 120rpx;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
margin-bottom: 50rpx;
|
||||
background: #f6f6f6;
|
||||
border: 1px solid #f6f6f6;
|
||||
font-size: 28rpx;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
|
||||
.t-login .t-a {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.t-login .t-a image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
position: absolute;
|
||||
left: 40rpx;
|
||||
top: 28rpx;
|
||||
}
|
||||
|
||||
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"navigation-bar": "/components/navigation-bar/navigation-bar"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
<view class="all">
|
||||
<button bind:tap="clickBtn" style="height: 50px;width:100px;"class="container">刷新</button>
|
||||
<view class="comment_text">
|
||||
<text class="text-ti">K班评论</text>
|
||||
<scroll-view scroll-y="true" class="comment-list">
|
||||
<view class="comment-item" wx:for="{{comments}}" wx:key="unique">
|
||||
<text>姓名：{{item.name}}</text>
|
||||
<text>评论：{{item.content}}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="t-login">
|
||||
<form class="cl">
|
||||
<view class="t-a">
|
||||
<input type="text"placeholder="请发表你的评论" maxlength="11" bindinput="bindCommentInput" />
|
||||
</view>
|
||||
<button bindtap="submitComment">评 论</button>
|
||||
</form>
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,94 @@
|
||||
.container{
|
||||
top: 90px;
|
||||
left: 150px;
|
||||
padding: 10px 15px;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
background-color: #00CDAC;
|
||||
}
|
||||
.container:hover {
|
||||
background-color: #1795bb;
|
||||
}
|
||||
.container:active{
|
||||
background-color: #1795bb;
|
||||
box-shadow: 0 5px #666;
|
||||
transform:translateY(4px);
|
||||
}
|
||||
.all
|
||||
{
|
||||
background-image: url('http://cdnjson.com/images/2024/09/27/comment.jpg');
|
||||
height: 100vh;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.t-login {
|
||||
width: 600rpx;
|
||||
padding: 55rpx;
|
||||
margin: 0 auto;
|
||||
font-size: 28rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
position: relative;
|
||||
margin-top: 300rpx;
|
||||
box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.15);
|
||||
z-index: 9;
|
||||
}
|
||||
.t-login button {
|
||||
font-size: 38rpx;
|
||||
background: linear-gradient(to right, #02AAB0 0%, #00CDAC 51%, #02AAB0 100%);
|
||||
color: #fff;
|
||||
height: 120rpx;
|
||||
line-height: 90rpx;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
|
||||
.t-login input {
|
||||
padding: 0 20rpx 0 120rpx;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
margin-bottom: 50rpx;
|
||||
background: #f6f6f6;
|
||||
border: 1px solid #f6f6f6;
|
||||
font-size: 28rpx;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
|
||||
.t-login .t-a {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.t-login .t-a image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
position: absolute;
|
||||
left: 40rpx;
|
||||
top: 28rpx;
|
||||
}
|
||||
.comment_text {
|
||||
display: flex;
|
||||
height: 280px;
|
||||
width: 280px;
|
||||
border: 3rpx ;
|
||||
border-radius: 10rpx;
|
||||
margin-top: 200rpx;
|
||||
}
|
||||
.text-ti {
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
background: white;
|
||||
margin: -10px 0 0 10px;
|
||||
padding: 0px 5px;
|
||||
color: rgb(144, 147, 167);
|
||||
}
|
||||
.comment-item text {
|
||||
position: relative;
|
||||
margin-right: 20rpx;
|
||||
text-align: auto;
|
||||
top: 20px;
|
||||
left: 10px;
|
||||
font-size: 25rpx;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px dotted rgb(255, 0, 98);
|
||||
display: inline-block;
|
||||
}
|
||||
@ -0,0 +1,66 @@
|
||||
// pages/demo1/demo1.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,2 @@
|
||||
<!--pages/demo1/demo1.wxml-->
|
||||
<text>pages/demo1/demo1.wxml</text>
|
||||
@ -0,0 +1 @@
|
||||
/* pages/demo1/demo1.wxss */
|
||||
@ -0,0 +1,105 @@
|
||||
// pages/login/login.js
|
||||
const app = getApp();
|
||||
|
||||
Page({
|
||||
data: {
|
||||
id: '', // 学号
|
||||
name: '' // 姓名
|
||||
},
|
||||
bindidInput(e) {
|
||||
this.setData({
|
||||
id: e.detail.value
|
||||
});
|
||||
},
|
||||
bindnameInput(e) {
|
||||
this.setData({
|
||||
name: e.detail.value
|
||||
});
|
||||
},
|
||||
login() {
|
||||
var that = this;
|
||||
// 假设正确的学号和姓名
|
||||
const correctId = '33210';
|
||||
const correctName = '33210';
|
||||
|
||||
if (!that.data.id) {
|
||||
wx.showToast({ title: '请输入学号', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
if (!that.data.name) {
|
||||
wx.showToast({ title: '请输入姓名', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
|
||||
// 验证学号和姓名是否正确
|
||||
if (that.data.id === correctId && that.data.name === correctName) {
|
||||
wx.showToast({ title: '登录成功！', icon: 'success' });
|
||||
wx.navigateTo({
|
||||
url: '/pages/index2/index2' // 确保路径正确
|
||||
});
|
||||
} else {
|
||||
const app = getApp();
|
||||
let db = wx.cloud.database(); // 设置数据库
|
||||
let user_ol = db.collection('user_ol');
|
||||
let users = db.collection('users');
|
||||
let num = parseInt(that.data.id, 10);
|
||||
app.globalData.myname = that.data.name;
|
||||
app.globalData.mynum = num;
|
||||
users.where({
|
||||
name: app.globalData.myname,
|
||||
num: app.globalData.mynum
|
||||
}).get({
|
||||
success: res => {
|
||||
if (res.data.length > 0) {
|
||||
// 如果查询到数据
|
||||
that.addtemp(); // 确保这里使用 that 调用 addtemp
|
||||
wx.showToast({
|
||||
title: '登陆成功',
|
||||
icon: 'success',
|
||||
duration: 2000
|
||||
});
|
||||
} else {
|
||||
// 如果没有查询到数据
|
||||
wx.showToast({
|
||||
title: '您不在学生名单上',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
}
|
||||
},
|
||||
fail: err => {
|
||||
console.error('查询失败', err);
|
||||
wx.showToast({
|
||||
title: '查询失败，请重试',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
addtemp() {
|
||||
const that = this; // 保存当前上下文
|
||||
const user_ol = wx.cloud.database().collection('user_ol');
|
||||
const num = parseInt(that.data.id, 10); // 确保这里重新获取 num
|
||||
user_ol.add({
|
||||
data: {
|
||||
num: num,
|
||||
name: that.data.name,
|
||||
count: 0,
|
||||
}
|
||||
}).then(res => {
|
||||
console.log('添加成功', res);
|
||||
wx.navigateTo({
|
||||
url: '/pages/stu_client/stu_client' // 确保路径正确
|
||||
});
|
||||
}).catch(err => {
|
||||
console.log('添加失败', err); // 失败提示错误信息
|
||||
});
|
||||
},
|
||||
|
||||
forgotPwd() {
|
||||
wx.showToast({ title: '忘记信息', icon: 'none' });
|
||||
},
|
||||
});
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"navigation-bar": "/components/navigation-bar/navigation-bar"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,143 @@
|
||||
/* pages/login/login.wxss */
|
||||
.logo {
|
||||
display: block; /* 使margin:auto;生效 */
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 60px; /* 根据需要调整 */
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.img-a {
|
||||
width: 100%;
|
||||
}
|
||||
.img-b {
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.login-bg {
|
||||
height: 100vh;
|
||||
background: linear-gradient(to bottom, #ff6a9a, #fe7d76);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.t-login {
|
||||
width: 600rpx;
|
||||
padding: 55rpx;
|
||||
margin: 0 auto;
|
||||
font-size: 28rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
position: relative;
|
||||
margin-top: -100rpx;
|
||||
box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.15);
|
||||
z-index: 9;
|
||||
}
|
||||
.t-login button {
|
||||
font-size: 38rpx;
|
||||
background: linear-gradient(to right, #ff8f77, #fe519f);
|
||||
color: #fff;
|
||||
height: 120rpx;
|
||||
line-height: 90rpx;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
|
||||
.t-login input {
|
||||
padding: 0 20rpx 0 120rpx;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
margin-bottom: 50rpx;
|
||||
background: #f6f6f6;
|
||||
border: 1px solid #f6f6f6;
|
||||
font-size: 28rpx;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
|
||||
.t-login .t-a {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.t-login .t-a image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
position: absolute;
|
||||
left: 40rpx;
|
||||
top: 28rpx;
|
||||
}
|
||||
|
||||
.t-login .t-b {
|
||||
text-align: left;
|
||||
font-size: 46rpx;
|
||||
color: #ff939b;
|
||||
font-weight: bold;
|
||||
margin: 0 0 50rpx 20rpx;
|
||||
}
|
||||
|
||||
.t-login .t-d {
|
||||
text-align: center;
|
||||
color: #999;
|
||||
margin: 80rpx 0;
|
||||
}
|
||||
|
||||
.t-login .t-c {
|
||||
text-align: right;
|
||||
color: #c0c0c0;
|
||||
margin: -20rpx 30rpx 40rpx 0;
|
||||
}
|
||||
|
||||
.t-login .t-f {
|
||||
text-align: center;
|
||||
margin: 200rpx 0 0 0;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.t-login .t-f text {
|
||||
margin-left: 20rpx;
|
||||
color: #aaaaaa;
|
||||
font-size: 27rpx;
|
||||
}
|
||||
|
||||
.t-login .uni-input-placeholder {
|
||||
color: #aeaeae;
|
||||
}
|
||||
|
||||
.cl {
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.cl:after {
|
||||
clear: both;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
content: '\20';
|
||||
}
|
||||
.cardBox {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
padding: 5rpx;
|
||||
background: #ffffff;
|
||||
opacity: 0.9;
|
||||
-webkit-border-radius: 20rpx;
|
||||
border-radius: 0 0 20rpx 20rpx;
|
||||
height: 70rpx;
|
||||
width: 600rpx;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
line-height: 70rpx;
|
||||
color: #aaa;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.cardBox .txt {
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
Page({
|
||||
// 发起签到
|
||||
startAttendance: function() {
|
||||
// 这里可以添加发起签到的代码
|
||||
wx.navigateTo({
|
||||
url: '/pages/index5/index5'
|
||||
});
|
||||
},
|
||||
|
||||
// 管理学生
|
||||
gotorank: function() {
|
||||
// 这里可以添加管理学生的代码
|
||||
wx.navigateTo({
|
||||
url: '/pages/rankk/rankk'
|
||||
});
|
||||
},
|
||||
gotostu: function() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/upload_stu/upload_stu'
|
||||
});
|
||||
},
|
||||
goBack: function() {
|
||||
wx.navigateBack({
|
||||
delta: 1 // 返回上一页面
|
||||
});
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"navigation-bar": "/components/navigation-bar/navigation-bar"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,8 @@
|
||||
|
||||
<view class="login-bg">
|
||||
<view class="container">
|
||||
<button class="action-button1" bindtap="startAttendance">发起签到</button>
|
||||
<button class="action-button2" bindtap="gotorank">查看排行榜</button>
|
||||
<button class="action-button3" bindtap="gotostu">学生名单相关</button>
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,34 @@
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column; /* 使子元素垂直排列 */
|
||||
align-items: center; /* 子元素在容器中居中对齐 */
|
||||
padding: 20px; /* 容器内边距 */
|
||||
}
|
||||
|
||||
.action-button1{
|
||||
margin: 100px 20px; /* 按钮上下外边距 */
|
||||
padding: 20px; /* 按钮内边距 */
|
||||
background:linear-gradient(#ccfbff, #ef96c5); /* 按钮背景颜色 */
|
||||
color: white; /* 按钮文字颜色 */
|
||||
border-radius: 5px; /* 按钮边框圆角 */
|
||||
}
|
||||
.action-button2{
|
||||
margin: 100px 20px; /* 按钮上下外边距 */
|
||||
padding: 20px; /* 按钮内边距 */
|
||||
background: linear-gradient(to right, #ead6ee, #a0f1ea);
|
||||
color: white; /* 按钮文字颜色 */
|
||||
border-radius: 5px; /* 按钮边框圆角 */
|
||||
}
|
||||
.action-button3{
|
||||
margin: 100px 20px; /* 按钮上下外边距 */
|
||||
padding: 20px; /* 按钮内边距 */
|
||||
background: linear-gradient(to bottom right, #eebd89, #d13abd);
|
||||
color: white; /* 按钮文字颜色 */
|
||||
border-radius: 5px; /* 按钮边框圆角 */
|
||||
}
|
||||
.login-bg {
|
||||
background-image: url('http://cdnjson.com/images/2024/09/27/index_2.jpg');
|
||||
height: 100vh;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
@ -0,0 +1,71 @@
|
||||
// pages/index3/index3.js
|
||||
const app = getApp();
|
||||
|
||||
Page({
|
||||
data: {
|
||||
latestRecord: null, // 使用null初始化
|
||||
comment: '',
|
||||
comments: []
|
||||
},
|
||||
|
||||
onLoad: function() {
|
||||
this.readLatestRecord();
|
||||
|
||||
},
|
||||
|
||||
|
||||
|
||||
clickBtn: function() {
|
||||
this.readLatestRecord();
|
||||
},
|
||||
|
||||
|
||||
readLatestRecord: function() {
|
||||
const db = wx.cloud.database(); // 获取数据库的引用
|
||||
const users = db.collection('users'); // 获取users集合的引用
|
||||
|
||||
// 使用orderBy和limit方法来查询timestamp最新的记录
|
||||
users.orderBy('timestamp', 'desc').limit(1).get({
|
||||
success: res => {
|
||||
// 查询成功，获取最新的记录
|
||||
if (res.data.length > 0) {
|
||||
const latestRecord = res.data[0];
|
||||
// 将查询结果存储在页面数据中
|
||||
this.setData({
|
||||
latestRecord: latestRecord
|
||||
});
|
||||
console.log('最新的记录：', latestRecord);
|
||||
} else {
|
||||
console.log('没有查询到记录');
|
||||
this.setData({
|
||||
latestRecord: {
|
||||
name: '暂时未开启点名'
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
fail: err => {
|
||||
// 查询失败的处理逻辑
|
||||
console.error('查询失败：', err);
|
||||
}
|
||||
});
|
||||
},
|
||||
loadComments: function() {
|
||||
const db = wx.cloud.database();
|
||||
// 按创建时间降序排序
|
||||
db.collection('comments').orderBy('createTime', 'desc').get({
|
||||
success: res => {
|
||||
if (res.data.length > 0) {
|
||||
this.setData({
|
||||
comments: res.data
|
||||
});
|
||||
} else {
|
||||
console.log('没有查询到评论');
|
||||
}
|
||||
},
|
||||
fail: err => {
|
||||
console.error('查询失败：', err);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
<view class="container">
|
||||
<view wx:if="{{latestRecord}}" class="latest-record">
|
||||
<text class="text-ti">K班</text>
|
||||
<view class="people">
|
||||
<text>学号: {{latestRecord.num}}</text>
|
||||
<text>姓名: {{latestRecord.name}}</text>
|
||||
<text>积分: {{latestRecord.score}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:else>
|
||||
<text>暂时未开启点名</text>
|
||||
</view>
|
||||
<button bind:tap="clickBtn" class="action-button">刷新</button>
|
||||
</view>
|
||||
@ -0,0 +1,66 @@
|
||||
.latest-record {
|
||||
display: flex;
|
||||
height: 100px;
|
||||
width: 200px;
|
||||
border: 3rpx solid #faca82;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.text-ti {
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
background: white;
|
||||
margin: -10px 0 0 10px;
|
||||
padding: 0px 5px;
|
||||
color: rgb(144, 147, 167);
|
||||
}
|
||||
.people text {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: auto;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
font-size: 35rpx;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.container
|
||||
{
|
||||
background-image: url('http://cdnjson.com/images/2024/09/27/sure.jpg');
|
||||
height: 100vh;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.action-button{
|
||||
position: relative;
|
||||
background-color: rgb(118, 224, 32);
|
||||
border: none;
|
||||
font-size: 28px;
|
||||
color: #ffffff;
|
||||
padding: 20px;
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
transition-duration: 0.6s;
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
.action-button::after{
|
||||
content: '';
|
||||
background:#53a4f0;
|
||||
display: block;
|
||||
position: absolute;
|
||||
padding-top: 300%;
|
||||
padding-left: 350%;
|
||||
margin-left: -20px !important;
|
||||
margin-top: -120%;
|
||||
opacity: 0;
|
||||
transition:all 0.8s;
|
||||
}
|
||||
.action-button:active::after{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
opacity: 1;
|
||||
transition: 0s;
|
||||
}
|
||||
|
||||
@ -0,0 +1,66 @@
|
||||
// pages/index4/index4.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,2 @@
|
||||
<!--pages/index4/index4.wxml-->
|
||||
<text>pages/index4/index4.wxml</text>
|
||||
@ -0,0 +1 @@
|
||||
/* pages/index4/index4.wxss */
|
||||
@ -0,0 +1,18 @@
|
||||
Page({
|
||||
enterAttendance: function() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/change/change'
|
||||
});
|
||||
},
|
||||
gotoindex2: function() {
|
||||
// 这里写跳转到 index2 页面的代码
|
||||
wx.navigateTo({
|
||||
url: '/pages/index2/index2' // 确保路径正确
|
||||
});
|
||||
},
|
||||
goBack: function() {
|
||||
wx.navigateBack({
|
||||
delta: 1 // 返回上一页面
|
||||
});
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"navigation-bar": "/components/navigation-bar/navigation-bar"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
|
||||
<view class="container">
|
||||
<image class="placeholder" src="http://cdnjson.com/images/2024/09/25/index5.jpg" mode="aspectFit"></image>
|
||||
<view>教师端</view>
|
||||
<view class="button-container">
|
||||
<button class="button" bindtap="enterAttendance">进入点名</button>
|
||||
<button class="button" bindtap="gotoindex2">返回菜单栏</button>
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,55 @@
|
||||
.container {
|
||||
font-family: Arial, sans-serif;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
height: 100vh;
|
||||
background-color: #fff;
|
||||
}
|
||||
.placeholder {
|
||||
width: 200px;
|
||||
height: 120px;
|
||||
background-color: #ddd;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 60px 0;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 15px 25px;
|
||||
font-size: 24px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
color:#fff;
|
||||
background-color: rgb(16, 185, 214);
|
||||
border: none;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 9px #999;
|
||||
}
|
||||
.button:hover{
|
||||
background-color: #1795bb;
|
||||
}
|
||||
.button:active{
|
||||
background-color: #1795bb;
|
||||
box-shadow: 0 5px #666;
|
||||
transform:translateY(4px);
|
||||
}
|
||||
.container
|
||||
{
|
||||
background-image: url('http://cdnjson.com/images/2024/09/25/index_back.jpg');
|
||||
height: 100vh;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"navigation-bar": "/components/navigation-bar/navigation-bar"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
|
||||
<view class="container">
|
||||
<button bindtap="clickBtn" class="action-button">点击刷新排行榜</button>
|
||||
<scroll-view scroll-y="true" class="scroll-view" style="height: 100%;">
|
||||
<view wx:for="{{records}}" wx:key="item" class="rank_block">
|
||||
<view class="rank-item">
|
||||
<!--头像-->
|
||||
<view class="rank-img">
|
||||
<image src='https://tse3-mm.cn.bing.net/th/id/OIP-C.yMAeC3o1ZnVZYsQecLSlEAAAAA?rs=1&pid=ImgDetMain'></image>
|
||||
</view>
|
||||
<!--展示昵称,以及贡献值-->
|
||||
<block>
|
||||
<view class="rank-name">{{item.name}}</view>
|
||||
<view class="rank-name">{{item.num}}</view>
|
||||
<text wx:if="{{self == item.num}}">-----------------这是您---------------</text>
|
||||
<view class="rank-price">积分：{{item.score}}分</view>
|
||||
</block>
|
||||
<!--排名-->
|
||||
<view class="rank-uv">
|
||||
<text wx:if="{{index >= 3}}">第 {{index + 1}} 名</text>
|
||||
<image src="/images/rank{{index + 1}}.png" wx:if="{{index < 3}}" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
</view>
|
||||
@ -0,0 +1,130 @@
|
||||
.container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.rank-item {
|
||||
height: 300rpx;
|
||||
width: 750rpx;
|
||||
background: #fff;
|
||||
padding: 20rpx 20rpx 20rpx 50rpx;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
.rank-item .rank-img {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
float: left;
|
||||
margin-right: 50rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.rank-item .rank-img image {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.rank-item .rank-name {
|
||||
font-size: 32rpx;
|
||||
height: 50rpx;
|
||||
line-height: 50rpx;
|
||||
color: #4e5b65;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.rank-item .rank-price {
|
||||
height: 40rpx;
|
||||
line-height: 40rpx;
|
||||
margin-top: 10rpx;
|
||||
font-size: 24rpx;
|
||||
color: #d55a4a;
|
||||
}
|
||||
|
||||
.rank-item .rank-uv text {
|
||||
font-size: 38rpx;
|
||||
position: absolute;
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
bottom: 20rpx;
|
||||
right: 20rpx;
|
||||
color: #777;
|
||||
}
|
||||
.rank-item .rank-uv image {
|
||||
position: absolute;
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
bottom: 120rpx;
|
||||
right: 20rpx;
|
||||
}
|
||||
.action-button {
|
||||
position: relative;
|
||||
width: 80%; /* 按钮宽度 */
|
||||
padding: 10rpx; /* 按钮内边距 */
|
||||
background-color: #C84B31;/* 按钮背景颜色 */
|
||||
color: white; /* 按钮文字颜色 */
|
||||
border-radius: 5rpx; /* 按钮边框圆角 */
|
||||
}
|
||||
|
||||
.rank_block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center; /* 使子元素在交叉轴上居中 */
|
||||
padding: 10px 0; /* 上下内边距 */
|
||||
border-bottom: 1px solid #f0f0f0; /* 每个排行榜项的下边框，最后一个可以去掉 */
|
||||
}
|
||||
|
||||
.rank_item {
|
||||
width: 100%; /* 占满父容器的宽度 */
|
||||
display: flex;
|
||||
align-items: center; /* 使子元素在交叉轴上居中 */
|
||||
margin-bottom: 10px; /* 每个排行榜项的下边距 */
|
||||
}
|
||||
|
||||
.rank-img {
|
||||
width: 50px; /* 头像宽度 */
|
||||
height: 50px; /* 头像高度 */
|
||||
border-radius: 50%; /* 圆形头像 */
|
||||
overflow: hidden; /* 隐藏超出容器的部分 */
|
||||
margin-right: 10px; /* 与文本的间距 */
|
||||
}
|
||||
|
||||
.rank-img image {
|
||||
width: 100%; /* 占满父容器的宽度 */
|
||||
height: 100%; /* 占满父容器的高度 */
|
||||
object-fit: cover; /* 裁剪并填充整个元素 */
|
||||
}
|
||||
|
||||
.rank-name {
|
||||
flex-grow: 1; /* 占据剩余空间 */
|
||||
font-size: 16px; /* 字体大小 */
|
||||
color: #333; /* 字体颜色 */
|
||||
}
|
||||
|
||||
.rank-price {
|
||||
font-size: 14px; /* 字体大小 */
|
||||
color: #666; /* 字体颜色 */
|
||||
}
|
||||
|
||||
.rank-uv {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 5px; /* 与上面元素的间距 */
|
||||
}
|
||||
|
||||
.scroll-view {
|
||||
height: 300px; /* 这里的高度可以根据你的页面布局进行调整 */
|
||||
overflow-y: scroll; /* 允许垂直方向滚动 */
|
||||
-webkit-overflow-scrolling: touch; /* 在iOS上启用原生滚动 */
|
||||
margin-top: 10px; /* 根据需要添加上边距 */
|
||||
padding: 10px; /* 内边距 */
|
||||
border: 1px solid #ccc; /* 边框，可以根据需要调整 */
|
||||
border-radius: 4px; /* 圆角边框 */
|
||||
background-color: #fff; /* 背景颜色 */
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
// pages/index/index.js
|
||||
Page({
|
||||
gotocomment()
|
||||
{
|
||||
wx.navigateTo({
|
||||
url: '/pages/comment/comment' // 确保路径正确
|
||||
});
|
||||
},
|
||||
gotorank()
|
||||
{
|
||||
wx.navigateTo({
|
||||
url: '/pages/rankk/rankk' // 确保路径正确
|
||||
});
|
||||
},
|
||||
gotoindex3()
|
||||
{
|
||||
wx.navigateTo({
|
||||
url: '/pages/index3/index3' // 确保路径正确
|
||||
});
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"navigation-bar": "/components/navigation-bar/navigation-bar"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
<view class="container">
|
||||
<button bindtap="gotocomment" class="btn-top">评论 / 质疑</button>
|
||||
<button bindtap="gotoindex3" class="btn-left">目前点到的人</button>
|
||||
<button bindtap="gotorank" class="btn-right">查看排行榜</button>
|
||||
</view>
|
||||
@ -0,0 +1,54 @@
|
||||
button {
|
||||
padding: 80px; /* 按钮的厚度 */
|
||||
border-radius: 70%; /* 将按钮变成圆形 */
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
outline: none; /* 移除焦点时的轮廓线 */
|
||||
}
|
||||
button{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 根据按钮内文字或图标的大小调整padding */
|
||||
.btn-top {
|
||||
background-color: palegoldenrod;
|
||||
width: 10px; /* 按钮的宽度 */
|
||||
height: 10px; /* 按钮的高度 */
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.btn-left {
|
||||
background-color:salmon;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 1%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.btn-right {
|
||||
background-color:lightpink;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 1%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.container
|
||||
{
|
||||
background-image: url(' http://cdnjson.com/images/2024/09/27/index3.jpg');
|
||||
height: 100vh;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
|
||||
@ -0,0 +1,85 @@
|
||||
Page({
|
||||
clickBtn(){
|
||||
let that = this
|
||||
wx.chooseMessageFile({
|
||||
count: 1,
|
||||
type: 'file',
|
||||
success:res=>{
|
||||
wx.showLoading({
|
||||
title: '正在上传',
|
||||
})
|
||||
let filePath=res.tempFiles[0].path;
|
||||
console.log("选择execl成功",filePath)
|
||||
that.clearDatabase();
|
||||
that.cloudFile(filePath);
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
clearDatabase() {
|
||||
const db = wx.cloud.database({
|
||||
env:'software-9g3qgled9f6190ea'
|
||||
});
|
||||
const stu = db.collection('users'); // 替换为你的集合名称
|
||||
stu.where({
|
||||
_id: db.command.exists(true)
|
||||
}).remove().then(res=>{
|
||||
console.log('删除成功')
|
||||
this.setData({
|
||||
number:''
|
||||
})
|
||||
}).catch(err => {
|
||||
console.log('删除失败',err)//失败提示错误信息
|
||||
})
|
||||
},
|
||||
|
||||
cloudFile(path){
|
||||
let that = this
|
||||
wx.cloud.uploadFile({
|
||||
cloudPath:"stu/test.xlsx",
|
||||
filePath: path,
|
||||
success: res=>{
|
||||
wx.hideLoading()
|
||||
console.log("上传成功",res.fileID)
|
||||
that.jiexi(res.fileID)
|
||||
},
|
||||
fail: err=>{
|
||||
console.log("上传失败",err)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
jiexi(fileId){
|
||||
wx.cloud.callFunction({
|
||||
name:"excel",
|
||||
data:{
|
||||
fileID: fileId
|
||||
},
|
||||
success(res) {
|
||||
console.log("success",res)
|
||||
} ,
|
||||
fail(res)
|
||||
{
|
||||
console.log("failed",res)
|
||||
}
|
||||
})
|
||||
},
|
||||
clickBtn2(){
|
||||
wx.downloadFile({
|
||||
url:"https://736f-software-9g3qgled9f6190ea-1329643751.tcb.qcloud.la/stu/test.xlsx?sign=db95dcc9da0c7a414610887585aabbc5&t=1727246704",
|
||||
success:res=>{
|
||||
var filePath=res. tempFilePath
|
||||
this.opfile(filePath)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
opfile(path){
|
||||
wx.openDocument({
|
||||
filePath:path,
|
||||
fileType:"xlsx"
|
||||
}).then(res=>{
|
||||
console.log(res)
|
||||
})
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"navigation-bar": "/components/navigation-bar/navigation-bar"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
<!--pages/up_stu/up_stu.wxml-->
|
||||
<view class="btn-container">
|
||||
<button bindtap="clickBtn" class="action-button1">上传学生名单</button>
|
||||
<button bindtap="clickBtn2" class="action-button2">查看学生名单</button>
|
||||
</view>
|
||||
@ -0,0 +1,30 @@
|
||||
{
|
||||
"appid": "wxef6910a89c23b59e",
|
||||
"compileType": "miniprogram",
|
||||
"libVersion": "3.5.8",
|
||||
"packOptions": {
|
||||
"ignore": [],
|
||||
"include": []
|
||||
},
|
||||
"setting": {
|
||||
"packNpmManually": true,
|
||||
"coverView": true,
|
||||
"es6": true,
|
||||
"postcss": true,
|
||||
"minified": true,
|
||||
"enhance": true,
|
||||
"showShadowRootInWxmlPanel": true,
|
||||
"packNpmRelationList": [],
|
||||
"babelSetting": {
|
||||
"ignore": [],
|
||||
"disablePlugins": [],
|
||||
"outputPath": ""
|
||||
}
|
||||
},
|
||||
"condition": {},
|
||||
"editorSetting": {
|
||||
"tabIndent": "insertSpaces",
|
||||
"tabSize": 4
|
||||
},
|
||||
"simulatorPluginLibVersion": {}
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
{
|
||||
"desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
|
||||
"rules": [{
|
||||
"action": "allow",
|
||||
"page": "*"
|
||||
}]
|
||||
}
|
||||
@ -0,0 +1,539 @@
|
||||
/* Logo 字体 */
|
||||
@font-face {
|
||||
font-family: "iconfont logo";
|
||||
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
|
||||
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
|
||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
|
||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
|
||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-family: "iconfont logo";
|
||||
font-size: 160px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* tabs */
|
||||
.nav-tabs {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-more {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#tabs {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
#tabs li {
|
||||
cursor: pointer;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
border-bottom: 2px solid transparent;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-bottom: -1px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
|
||||
#tabs .active {
|
||||
border-bottom-color: #f00;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.tab-container .content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 页面布局 */
|
||||
.main {
|
||||
padding: 30px 100px;
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.main .logo {
|
||||
color: #333;
|
||||
text-align: left;
|
||||
margin-bottom: 30px;
|
||||
line-height: 1;
|
||||
height: 110px;
|
||||
margin-top: -50px;
|
||||
overflow: hidden;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.main .logo a {
|
||||
font-size: 160px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.helps {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.helps pre {
|
||||
padding: 20px;
|
||||
margin: 10px 0;
|
||||
border: solid 1px #e7e1cd;
|
||||
background-color: #fffdef;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.icon_lists {
|
||||
width: 100% !important;
|
||||
overflow: hidden;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.icon_lists li {
|
||||
width: 100px;
|
||||
margin-bottom: 10px;
|
||||
margin-right: 20px;
|
||||
text-align: center;
|
||||
list-style: none !important;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.icon_lists li .code-name {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.icon_lists .icon {
|
||||
display: block;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
font-size: 42px;
|
||||
margin: 10px auto;
|
||||
color: #333;
|
||||
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
|
||||
-moz-transition: font-size 0.25s linear, width 0.25s linear;
|
||||
transition: font-size 0.25s linear, width 0.25s linear;
|
||||
}
|
||||
|
||||
.icon_lists .icon:hover {
|
||||
font-size: 100px;
|
||||
}
|
||||
|
||||
.icon_lists .svg-icon {
|
||||
/* 通过设置 font-size 来改变图标大小 */
|
||||
width: 1em;
|
||||
/* 图标和文字相邻时，垂直对齐 */
|
||||
vertical-align: -0.15em;
|
||||
/* 通过设置 color 来改变 SVG 的颜色/fill */
|
||||
fill: currentColor;
|
||||
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
|
||||
normalize.css 中也包含这行 */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.icon_lists li .name,
|
||||
.icon_lists li .code-name {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* markdown 样式 */
|
||||
.markdown {
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.markdown img {
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
color: #404040;
|
||||
font-weight: 500;
|
||||
line-height: 40px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.markdown h2,
|
||||
.markdown h3,
|
||||
.markdown h4,
|
||||
.markdown h5,
|
||||
.markdown h6 {
|
||||
color: #404040;
|
||||
margin: 1.6em 0 0.6em 0;
|
||||
font-weight: 500;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.markdown h2 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.markdown h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.markdown h4 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.markdown h5 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background: #e9e9e9;
|
||||
margin: 16px 0;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.markdown p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.markdown>p,
|
||||
.markdown>blockquote,
|
||||
.markdown>.highlight,
|
||||
.markdown>ol,
|
||||
.markdown>ul {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.markdown ul>li {
|
||||
list-style: circle;
|
||||
}
|
||||
|
||||
.markdown>ul li,
|
||||
.markdown blockquote ul>li {
|
||||
margin-left: 20px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.markdown>ul li p,
|
||||
.markdown>ol li p {
|
||||
margin: 0.6em 0;
|
||||
}
|
||||
|
||||
.markdown ol>li {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
.markdown>ol li,
|
||||
.markdown blockquote ol>li {
|
||||
margin-left: 20px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.markdown code {
|
||||
margin: 0 3px;
|
||||
padding: 0 5px;
|
||||
background: #eee;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.markdown strong,
|
||||
.markdown b {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown>table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0px;
|
||||
empty-cells: show;
|
||||
border: 1px solid #e9e9e9;
|
||||
width: 95%;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.markdown>table th {
|
||||
white-space: nowrap;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown>table th,
|
||||
.markdown>table td {
|
||||
border: 1px solid #e9e9e9;
|
||||
padding: 8px 16px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.markdown>table th {
|
||||
background: #F7F7F7;
|
||||
}
|
||||
|
||||
.markdown blockquote {
|
||||
font-size: 90%;
|
||||
color: #999;
|
||||
border-left: 4px solid #e9e9e9;
|
||||
padding-left: 0.8em;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.markdown blockquote p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown .anchor {
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.markdown .waiting {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.markdown h1:hover .anchor,
|
||||
.markdown h2:hover .anchor,
|
||||
.markdown h3:hover .anchor,
|
||||
.markdown h4:hover .anchor,
|
||||
.markdown h5:hover .anchor,
|
||||
.markdown h6:hover .anchor {
|
||||
opacity: 1;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.markdown>br,
|
||||
.markdown>p>br {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
background: white;
|
||||
padding: 0.5em;
|
||||
color: #333333;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-meta {
|
||||
color: #969896;
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable,
|
||||
.hljs-strong,
|
||||
.hljs-emphasis,
|
||||
.hljs-quote {
|
||||
color: #df5000;
|
||||
}
|
||||
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-type {
|
||||
color: #a71d5d;
|
||||
}
|
||||
|
||||
.hljs-literal,
|
||||
.hljs-symbol,
|
||||
.hljs-bullet,
|
||||
.hljs-attribute {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.hljs-section,
|
||||
.hljs-name {
|
||||
color: #63a35c;
|
||||
}
|
||||
|
||||
.hljs-tag {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.hljs-title,
|
||||
.hljs-attr,
|
||||
.hljs-selector-id,
|
||||
.hljs-selector-class,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-pseudo {
|
||||
color: #795da3;
|
||||
}
|
||||
|
||||
.hljs-addition {
|
||||
color: #55a532;
|
||||
background-color: #eaffea;
|
||||
}
|
||||
|
||||
.hljs-deletion {
|
||||
color: #bd2c00;
|
||||
background-color: #ffecec;
|
||||
}
|
||||
|
||||
.hljs-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* 代码高亮 */
|
||||
/* PrismJS 1.15.0
|
||||
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: black;
|
||||
background: none;
|
||||
text-shadow: 0 1px white;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
line-height: 1.5;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection,
|
||||
pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection,
|
||||
code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection,
|
||||
pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection,
|
||||
code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
@media print {
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre)>code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background: #f5f2f0;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre)>code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: slategray;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.constant,
|
||||
.token.symbol,
|
||||
.token.deleted {
|
||||
color: #905;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.builtin,
|
||||
.token.inserted {
|
||||
color: #690;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #9a6e3a;
|
||||
background: hsla(0, 0%, 100%, .5);
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
.token.function,
|
||||
.token.class-name {
|
||||
color: #DD4A68;
|
||||
}
|
||||
|
||||
.token.regex,
|
||||
.token.important,
|
||||
.token.variable {
|
||||
color: #e90;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
window._iconfont_svg_string_4692956='<svg><symbol id="icon-arrdown-copy" viewBox="0 0 1024 1024"><path d="M512 576.00000001l0-128.00000002 458.68799999 1e-8c29.44 0 53.312 23.872 53.31200001 53.312l0 21.376A53.312 53.312 0 0 1 970.68799999 576L512 576.00000001z" fill="#B0BEC5" ></path><path d="M430.72 781.824l-358.08-220.8a53.312 53.312 0 0 1-0.576-90.432l358.08-226.752A53.312 53.312 0 0 1 512 288.896L512 736.44799999a53.312 53.312 0 0 1-81.28 45.44000002z" fill="#B0BEC5" ></path></symbol></svg>',(n=>{var t=(e=(e=document.getElementsByTagName("script"))[e.length-1]).getAttribute("data-injectcss"),e=e.getAttribute("data-disable-injectsvg");if(!e){var o,i,d,c,a,l=function(t,e){e.parentNode.insertBefore(t,e)};if(t&&!n.__iconfont__svg__cssinject__){n.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}o=function(){var t,e=document.createElement("div");e.innerHTML=n._iconfont_svg_string_4692956,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?l(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(o,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),o()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(d=o,c=n.document,a=!1,r(),c.onreadystatechange=function(){"complete"==c.readyState&&(c.onreadystatechange=null,s())})}function s(){a||(a=!0,d())}function r(){try{c.documentElement.doScroll("left")}catch(t){return void setTimeout(r,50)}s()}})(window);
|
||||
@ -0,0 +1,16 @@
|
||||
{
|
||||
"id": "4692956",
|
||||
"name": "no name",
|
||||
"font_family": "iconfont",
|
||||
"css_prefix_text": "icon-",
|
||||
"description": "",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "38645607",
|
||||
"name": "长箭头-copy-copy",
|
||||
"font_class": "arrdown-copy",
|
||||
"unicode": "e65a",
|
||||
"unicode_decimal": 58970
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,26 @@
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
width: 10px; /* 设置按钮宽度 */
|
||||
height: 40px; /* 设置按钮高度 */
|
||||
padding-left: 150px;/*按钮大小*/
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.iconfont {
|
||||
position: relative; /* 相对于其正常位置进行定位 */
|
||||
right: 240px; /* 向左移动图标 */
|
||||
top: 40px; /* 向下移动图标 */
|
||||
}
|
||||
.icon-arrdown-copy:before {
|
||||
content: "\e65a";
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'iconfont'; /* Project id 4692956 */
|
||||
src: url('//at.alicdn.com/t/c/font_4692956_lc5fjtas54.woff2?t=1727098445449') format('woff2'),
|
||||
url('//at.alicdn.com/t/c/font_4692956_lc5fjtas54.woff?t=1727098445449') format('woff'),
|
||||
url('//at.alicdn.com/t/c/font_4692956_lc5fjtas54.ttf?t=1727098445449') format('truetype');
|
||||
}
|
||||
|
||||
Loading…
Reference in new issue