提交 1a8b370d 编写于 作者: R Renic1

修改页面和增加数据输入检验

上级 4dcc0d25
...@@ -11,11 +11,11 @@ ...@@ -11,11 +11,11 @@
<view class="school-activity-item-wrapper"> <view class="school-activity-item-wrapper">
<view class="form-group"> <view class="form-group">
<image class="form-icon" src="/static/discover/name.png"></image> <image class="form-icon" src="/static/discover/name.png"></image>
<input class="form-input" type="text" placeholder="请输入活动名称" v-model="name"> <input maxlength="20" class="form-input" type="text" placeholder="请输入活动名称" v-model="name">
</view> </view>
<view class="form-group"> <view class="form-group">
<image class="form-icon" src="/static/discover/content.png"></image> <image class="form-icon" src="/static/discover/content.png"></image>
<textarea class="form-input1" placeholder="请输入活动内容" v-model="content" ></textarea> <textarea maxlength="200" class="form-input1" placeholder="请输入活动内容" v-model="content" ></textarea>
</view> </view>
<view class="form-group"> <view class="form-group">
<image class="form-icon" src="/static/discover/activity-time.png"></image> <image class="form-icon" src="/static/discover/activity-time.png"></image>
...@@ -49,21 +49,20 @@ ...@@ -49,21 +49,20 @@
</view> </view>
<view class="form-group"> <view class="form-group">
<image class="form-icon" src="/static/discover/activity-object.png"></image> <image class="form-icon" src="/static/discover/activity-object.png"></image>
<input class="form-input" type="text" placeholder="请输入活动对象" v-model="object"> <input maxlength="20" class="form-input" type="text" placeholder="请输入活动对象" v-model="object">
</view> </view>
<view class="form-group"> <view class="form-group">
<image class="form-icon" src="/static/discover/activity-place.png"></image> <image class="form-icon" src="/static/discover/activity-place.png"></image>
<input class="form-input" type="text" placeholder="请输入活动地点" v-model="place"> <input maxlength="20" class="form-input" type="text" placeholder="请输入活动地点" v-model="place">
</view> </view>
<view class="form-group"> <view class="form-group">
<image class="form-icon" src="/static/discover/activity-contact.png"></image> <image class="form-icon" src="/static/discover/activity-contact.png"></image>
<input class="form-input" type="text" placeholder="请输入活动联系方式" v-model="contact"> <input maxlength="20" class="form-input" type="text" placeholder="请输入活动联系方式" v-model="contact">
</view> </view>
<view class="form-group1"> <view class="form-group1">
<text>请设置活动封面</text> <text>请设置活动封面</text>
<uni-file-picker class="pic-content" v-model="imageValue" file-mediatype="image" mode="grid" file-extname="png,jpg" :limit="1" <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" /> @select="select" @progress="progress" @success="success" @fail="fail" />
</view> </view>
</view> </view>
...@@ -94,10 +93,20 @@ ...@@ -94,10 +93,20 @@
}, },
async submit() { async submit() {
const reg = /^1[3|4|5|7|8][0-9]\d{8}$/ const reg = /^1[3|4|5|7|8][0-9]\d{8}$/
// const reg2 = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ const reg2 = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/
if (!(reg.test(this.contact))) { let time1=this.start_date+' '+this.start_time
let time2=this.end_date+' '+this.end_time
let obj1 = new Date(time1) //开始时间
let obj2 = new Date(time2) //结束时间
if (obj1.getTime() >= obj2.getTime()) {
uni.showToast({
title: '开始时间不能大于等于结束时间',
icon: 'none'
});
return;
}else if (!(reg.test(this.contact))) {
uni.showToast({ uni.showToast({
title: '请输入正确联系方式', title: '请输入正确的联系方式(手机号)',
icon: 'none' icon: 'none'
}); });
return; return;
...@@ -279,16 +288,16 @@ ...@@ -279,16 +288,16 @@
margin-bottom: 10px; /* 调整 text 和 pic-content 之间的距离 */ margin-bottom: 10px; /* 调整 text 和 pic-content 之间的距离 */
} }
.pic-content { .pic-content {
height: 100px; height: 200px;
} }
.uni-file-picker__container{
background-color: white;
} .file-picker__box{
background-color: white;
.file-picker__box-content is-add{ position: absolute;
width: 100%; top: 50%;
left: 50%;
transform: translate(-50%, 0%);
} }
</style> </style>
\ No newline at end of file
...@@ -145,13 +145,13 @@ ...@@ -145,13 +145,13 @@
} }
.activity-production-icon{ .activity-production-icon{
width: 40px; width: 40px;
height: 30px; height: 35px;
margin-left: 30px; margin-left: 30px;
margin-top:8px; margin-top:8px;
margin-bottom: -5px; margin-bottom: -5px;
} }
.production-detail{ .production-detail{
width: 89%; width: 85%;
background-color: rgb(245 154 35 / 30%); background-color: rgb(245 154 35 / 30%);
border-radius: 5px; border-radius: 5px;
margin-left: 20px; margin-left: 20px;
...@@ -159,6 +159,9 @@ ...@@ -159,6 +159,9 @@
/* 文字换行处理 */ /* 文字换行处理 */
word-wrap:break-word; word-wrap:break-word;
word-break:break-all; word-break:break-all;
padding-left: 7px;
padding-right: 7px;
padding-top:5px;
} }
</style> </style>
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册