peihaoyu/linfeng-community
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

前端

Browse Source
This commit is contained in:
linfeng 2022-09-25 10:45:30 +08:00
parent 0f654e23bb
commit 148965f985
1 changed files with 142 additions and 140 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/main/resources/static/linfeng-community-uniapp-ky/pages/post/add.vue
View File

@ -1,19 +1,12 @@
<template> <template>
<view class="container"> <view class="container">
<input v-model="form.title" class="title-input" placeholder="标题" /> <input v-model="form.title" class="title-input" placeholder="标题" />
<textarea placeholder="说些什么叭..." :auto-height="true" maxlength="-1" v-model="form.content" class="content-display"></textarea> <textarea placeholder="说些什么叭..." :auto-height="true" maxlength="-1" v-model="form.content"
class="content-display"></textarea>
<!-- 上传图片 --> <!-- 上传图片 -->
<block v-if="form.type == 1"> <block v-if="form.type == 1">
<u-upload <u-upload ref="uUpload" :size-type="['original']" name="Image" :max-count="4" :header="header"
ref="uUpload" :action="uploadImgUrl" @on-uploaded="submit" :auto-upload="false"></u-upload>
:size-type="['original']"
name="Image"
:max-count="4"
:header="header"
:action="uploadImgUrl"
@on-uploaded="submit"
:auto-upload="false"
></u-upload>
</block> </block>
<!-- 分类 --> <!-- 分类 -->
<view @click="chooseClass" class="choose-item"> <view @click="chooseClass" class="choose-item">
@ -34,7 +27,7 @@
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
btnStyle: { btnStyle: {
@ -52,10 +45,10 @@ export default {
longitude: 0, longitude: 0,
latitude: 0, latitude: 0,
address: '', address: '',
cut: 0,//分类id cut: 0, //分类id
pay: '', pay: '',
}, },
cateName:'', cateName: '',
header: { header: {
token: uni.getStorageSync('token') token: uni.getStorageSync('token')
}, },
@ -67,9 +60,9 @@ export default {
this.form.latitude = location.latitude; this.form.latitude = location.latitude;
}, },
methods: { methods: {
chooseClass(){ chooseClass() {
uni.navigateTo({ uni.navigateTo({
url:"category" url: "category"
}) })
}, },
uploadImg() { uploadImg() {
@ -122,57 +115,66 @@ export default {
}); });
} }
} }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.title-input{ .title-input {
border-bottom: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5;
margin: 20rpx 0; margin: 20rpx 0;
padding: 20rpx 0; padding: 20rpx 0;
} }
.content-display { .content-display {
width: 100%; width: 100%;
padding: 20rpx 0; padding: 20rpx 0;
min-height: 300rpx; min-height: 300rpx;
} }
.choose-item{
.choose-item {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 20rpx; padding: 20rpx;
border-bottom: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5;
&:last-child{
&:last-child {
border: 0; border: 0;
} }
.txt{
.txt {
margin-left: 20rpx; margin-left: 20rpx;
} }
.sw{
.sw {
margin-left: 300rpx; margin-left: 300rpx;
} }
.inputStyle{
.inputStyle {
margin-left: 60rpx; margin-left: 60rpx;
width: 400rpx; width: 400rpx;
} }
.radio{
.radio {
margin-left: 320rpx; margin-left: 320rpx;
} }
.icon{
.icon {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.u-icon{
.u-icon {
margin-left: auto; margin-left: auto;
color: #999; color: #999;
} }
.add-icon{ .add-icon {
margin-left: 0; margin-left: 0;
} }
} }
.button-style{
.button-style {
margin-top: 50rpx; margin-top: 50rpx;
color: #F4F4F5; color: #F4F4F5;
} }
</style> </style>