提交 60b1ab3d 编写于 作者: R Renic1

页面修改

上级 32d21a33
......@@ -20,18 +20,32 @@
<view class="form-group">
<image class="form-icon" src="/static/discover/activity-time.png"></image>
<view class="input-wrapper">
<view class="form-input2">
<picker mode="date" start="1970-01-01" end="2100-12-31" @change="handleDateChange1">
<view class="picker">{{ start_date }}</view>
</picker>
</view>
<view class="form-input2">
<picker mode="date" start="1970-01-01" end="2100-12-31" @change="handleDateChange2">
<view class="picker">{{ end_date }}</view>
</picker>
<view class="form-input2-wrapper">
<view class="form-input2">
<picker mode="date" start="1970-01-01" end="2100-12-31" @change="handleDateChange1">
<view class="picker">{{ start_date }}</view>
</picker>
</view>
<view class="form-input2">
<picker mode="time" start="00:00" end="23:59" @change="handleTimeChange1">
<view class="picker">{{ start_time }}</view>
</picker>
</view>
</view>
<view class="form-input2-wrapper">
<view class="form-input2">
<picker mode="date" start="1970-01-01" end="2100-12-31" @change="handleDateChange2">
<view class="picker">{{ end_date }}</view>
</picker>
</view>
<view class="form-input2">
<picker mode="time" start="00:00" end="23:59" @change="handleTimeChange2">
<view class="picker">{{ end_time }}</view>
</picker>
</view>
</view>
</view>
</view>
<view class="form-group">
<image class="form-icon" src="/static/discover/activity-object.png"></image>
......@@ -45,7 +59,14 @@
<image class="form-icon" src="/static/discover/activity-contact.png"></image>
<input class="form-input" type="text" placeholder="请输入活动联系方式" v-model="contact">
</view>
<view class="form-group1">
<text>请设置活动封面</text>
<uni-file-picker class="pic-content" v-model="imageValue" file-mediatype="image" mode="grid" file-extname="png,jpg" :limit="1"
@select="select" @progress="progress" @success="success" @fail="fail" />
</view>
</view>
</view>
</template>
......@@ -60,6 +81,9 @@
contact:'',
start_date: '2023-05-04',
end_date: '2023-05-04',
start_time:'14:00',
end_time:'14:00',
imageValue:[],
}
},
methods: {
......@@ -69,9 +93,11 @@
})
},
async submit() {
if (!/^[\u4e00-\u9fa5]+$/.test(this.name)) {
const reg = /^1[3|4|5|7|8][0-9]\d{8}$/
// const reg2 = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/
if (!(reg.test(this.contact))) {
uni.showToast({
title: '请输入正确的中文姓名',
title: '请输入正确联系方式',
icon: 'none'
});
return;
......@@ -101,12 +127,39 @@
// });
},
handleDateChange1(event) {
handleDateChange1(event) {
this.start_date = event.detail.value
// uni.showToast({
// title: this.start_date,
// icon: 'none'
// })
},
handleDateChange2(event) {
this.end_date = event.detail.value
},
handleDateChange2(event) {
this.end_date = event.detail.value
},
handleTimeChange1(event) {
this.start_time = event.detail.value
},
handleTimeChange2(event) {
this.end_time = event.detail.value
},
select(e) {
console.log('选择文件:', e)
},
// 获取上传进度
progress(e) {
console.log('上传进度:', e)
},
// 上传成功
success(e) {
console.log('上传成功',e)
},
// 上传失败
fail(e) {
console.log('上传失败:', e)
},
}
}
</script>
......@@ -170,7 +223,7 @@
.form-icon {
width: 40px;
height: 30px;
margin-left: 30px;
margin-left: 10px;
}
.form-input {
......@@ -200,11 +253,14 @@
display: flex;
width: 100%;
}
.form-input2-wrapper {
display: flex;
flex-direction: row;
}
.form-input2 {
margin-top: 5px;
margin-left: 10px;
width: 80%;
width: 30%;
height: 35px;
border: none;
outline: none;
......@@ -213,6 +269,26 @@
background-color: #fff;
padding: 0 10px;
}
.form-group1 {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 10px;
}
.form-group1 text {
margin-bottom: 10px; /* 调整 text 和 pic-content 之间的距离 */
}
.pic-content {
height: 100px;
}
.uni-file-picker__container{
background-color: white;
}
.file-picker__box-content is-add{
width: 100%;
}
</style>
\ No newline at end of file
<template>
<view class="detail">
<view class="nav-bar-back">
<!-- <view class="nav-bar-back">
<image class="nav-bar-back-icon" src="/static/discover/back.png" @click="goBack"></image>
<view class="nav-bar-title">{{title}}</view>
</view> -->
<view class="top">
<image @click="goBack" class="back" src="/static/discover/back.png"></image>
<view class="title">发布帖子</view>
<span class="empty"></span>
</view>
<view class="school-activity-icon-wrapper"><image class="school-activity-icon" src="/static/discover/activity.svg"></image></view>
<view class="activity-production">
<image class="activity-production-icon" src="/static/discover/production.png"></image>
<text>活动介绍:</text>
<text class="activity-title">活动介绍:</text>
<view class="production-detail">{{production}}</view>
</view>
<view class="activity-object">
<image class="activity-production-icon" src="/static/discover/object.png"></image>
<text>活动对象:</text>
<text class="activity-title">活动对象:</text>
<view class="production-detail">{{object}}</view>
</view>
<view class="activity-time">
<image class="activity-production-icon" src="/static/discover/time.png"></image>
<text>活动时间:</text>
<text class="activity-title">活动时间:</text>
<view class="production-detail">{{time}}</view>
</view>
<view class="activity-place">
<image class="activity-production-icon" src="/static/discover/place.png"></image>
<text>活动地点:</text>
<text class="activity-title">活动地点:</text>
<view class="production-detail">{{place}}</view>
</view>
<view class="activity-contact">
<image class="activity-production-icon" src="/static/discover/contact.png"></image>
<text>联系方式:</text>
<text class="activity-title">联系方式:</text>
<view class="production-detail">{{contact}}</view>
</view>
</view>
......@@ -40,7 +48,7 @@
title: '趣味篮球赛',
production:'111111111111111111111111111111111111111111111111111111',
object:'福州大学全体学生',
time:'2023-05-03 19:00',
time:'2023-05-03 19:00 2023-05-04 19:00',
place:'风雨操场',
contact:'1612737522@qq.com'
}
......@@ -56,7 +64,35 @@
</script>
<style>
.nav-bar-back {
.top {
width: 100%;
height: 50px;
background-color: #EDEEF0;
text-align: center;
}
.back {
width: 40px;
height: 30px;
margin-top: 10px;
margin-bottom: 10px;
float: left;
margin-left: 10px;
}
.empty{
width: 40px;
height: 30px;
margin-top: 10px;
margin-bottom: 10px;
float: right;
margin-right: 10px;
}
.title {
margin-top: 15px;
display: inline-block;
}
/* .nav-bar-back {
display: flex;
align-items: center;
justify-content: center;
......@@ -74,7 +110,7 @@
font-size: 24px;
font-weight: bold;
color: #F1992D;
}
} */
.school-activity-icon-wrapper{
margin-top: 10px;
display: flex;
......@@ -83,7 +119,7 @@
}
.school-activity-icon {
width: 95%;
width: 89%;
height: 200px;
margin: 0px;
padding: 0px;
......@@ -91,6 +127,10 @@
.activity-production{
margin-top: 10px;
}
.activity-title {
font-size: 20px; /* 调整字体大小为24像素 */
}
.activity-object{
margin-top: 10px;
}
......@@ -107,13 +147,15 @@
width: 40px;
height: 30px;
margin-left: 30px;
margin-top:8px;
margin-bottom: -5px;
}
.production-detail{
width: 95%;
width: 89%;
background-color: rgb(245 154 35 / 30%);
margin-left: 25px;
border-radius: 5px;
margin-left: 10px;
margin-left: 20px;
margin-top: 5px;
/* 文字换行处理 */
word-wrap:break-word;
word-break:break-all;
......
......@@ -82,10 +82,10 @@
margin-bottom: 10px;
}
.school-activity-name {
.school-activity-title {
display: block;
text-align: center;
font-size: 24px;
font-size: 20px;
font-weight: bold;
}
.add-activity {
......
......@@ -16,7 +16,6 @@
<view class="pic-content">
<uni-file-picker v-model="imageValue" file-mediatype="image" mode="grid" file-extname="png,jpg" :limit="9"
@select="select" @progress="progress" @success="success" @fail="fail" />
</view>
</view>
......
{
"name": "uni-id-co",
"version": "1.0.38",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"buffer-equal-constant-time": {
"version": "1.0.1",
"resolved": "https://registry.npmmirror.com/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
"integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA=="
},
"ecdsa-sig-formatter": {
"version": "1.0.11",
"resolved": "https://registry.npmmirror.com/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
"integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
"requires": {
"safe-buffer": "^5.0.1"
}
},
"jsonwebtoken": {
"version": "8.5.1",
"resolved": "https://registry.npmmirror.com/jsonwebtoken/-/jsonwebtoken-8.5.1.tgz",
"integrity": "sha512-XjwVfRS6jTMsqYs0EsuJ4LGxXV14zQybNd4L2r0UvbVnSF9Af8x7p5MzbJ90Ioz/9TI41/hTCvznF/loiSzn8w==",
"requires": {
"jws": "^3.2.2",
"lodash.includes": "^4.3.0",
"lodash.isboolean": "^3.0.3",
"lodash.isinteger": "^4.0.4",
"lodash.isnumber": "^3.0.3",
"lodash.isplainobject": "^4.0.6",
"lodash.isstring": "^4.0.1",
"lodash.once": "^4.0.0",
"ms": "^2.1.1",
"semver": "^5.6.0"
}
},
"jwa": {
"version": "1.4.1",
"resolved": "https://registry.npmmirror.com/jwa/-/jwa-1.4.1.tgz",
"integrity": "sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==",
"requires": {
"buffer-equal-constant-time": "1.0.1",
"ecdsa-sig-formatter": "1.0.11",
"safe-buffer": "^5.0.1"
}
},
"jws": {
"version": "3.2.2",
"resolved": "https://registry.npmmirror.com/jws/-/jws-3.2.2.tgz",
"integrity": "sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==",
"requires": {
"jwa": "^1.4.1",
"safe-buffer": "^5.0.1"
}
},
"lodash.includes": {
"version": "4.3.0",
"resolved": "https://registry.npmmirror.com/lodash.includes/-/lodash.includes-4.3.0.tgz",
"integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w=="
},
"lodash.isboolean": {
"version": "3.0.3",
"resolved": "https://registry.npmmirror.com/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
"integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg=="
},
"lodash.isinteger": {
"version": "4.0.4",
"resolved": "https://registry.npmmirror.com/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
"integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA=="
},
"lodash.isnumber": {
"version": "3.0.3",
"resolved": "https://registry.npmmirror.com/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
"integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw=="
},
"lodash.isplainobject": {
"version": "4.0.6",
"resolved": "https://registry.npmmirror.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
"integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA=="
},
"lodash.isstring": {
"version": "4.0.1",
"resolved": "https://registry.npmmirror.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
"integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw=="
},
"lodash.merge": {
"version": "4.6.2",
"resolved": "https://registry.npmmirror.com/lodash.merge/-/lodash.merge-4.6.2.tgz",
"integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
},
"lodash.once": {
"version": "4.1.1",
"resolved": "https://registry.npmmirror.com/lodash.once/-/lodash.once-4.1.1.tgz",
"integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg=="
},
"ms": {
"version": "2.1.3",
"resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
},
"safe-buffer": {
"version": "5.2.1",
"resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
},
"semver": {
"version": "5.7.1",
"resolved": "https://registry.npmmirror.com/semver/-/semver-5.7.1.tgz",
"integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
},
"uni-captcha": {
"version": "file:../../../../uni-captcha/uniCloud/cloudfunctions/common/uni-captcha",
"requires": {
"uni-config-center": "file:../../../../uni-config-center/uniCloud/cloudfunctions/common/uni-config-center"
},
"dependencies": {
"uni-config-center": {
"version": "file:../../../../uni-config-center/uniCloud/cloudfunctions/common/uni-config-center"
}
}
},
"uni-config-center": {
"version": "file:../../../../uni-config-center/uniCloud/cloudfunctions/common/uni-config-center"
},
"uni-id-common": {
"version": "file:../../../../uni-id-common/uniCloud/cloudfunctions/common/uni-id-common",
"requires": {
"uni-config-center": "file:../../../../uni-config-center/uniCloud/cloudfunctions/common/uni-config-center"
},
"dependencies": {
"uni-config-center": {
"version": "file:../../../../uni-config-center/uniCloud/cloudfunctions/common/uni-config-center"
}
}
},
"uni-open-bridge-common": {
"version": "file:../../../../uni-open-bridge-common/uniCloud/cloudfunctions/common/uni-open-bridge-common",
"requires": {
"uni-config-center": "file:../../../../uni-config-center/uniCloud/cloudfunctions/common/uni-config-center"
},
"dependencies": {
"uni-config-center": {
"version": "file:../../../../uni-config-center/uniCloud/cloudfunctions/common/uni-config-center"
}
}
}
}
}
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册