A1300399510/PC-vote
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510
2024-01-15 19:02:10 +08:00
parent 6a7d5f221e
commit e01ac5326b
12 changed files with 479 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
pages/publish/index.vue
View File

@@ -21,7 +21,7 @@
标题
<div class="asterisk">*</div>
</div>
<el-input class="item-input headline-textarea" type="textarea" placeholder="请输入" maxlength="24" show-word-limit v-model="info.title" autosize></el-input>
<el-input class="item-input headline-textarea" type="textarea" placeholder="请输入" maxlength="60" show-word-limit v-model="info.title" autosize></el-input>
</div>
<div class="item">
@@ -55,7 +55,7 @@
<div class="option-item flexacenter" v-for="(item, index) in 2" :key="index">
<div class="option-content flexacenter">
<div class="option-text flexcenter">{{ index + 1 }}</div>
<input class="option-input flex1" placeholder="请输入" />
<el-input class="option-input flex1" placeholder="请输入" />
</div>
<div class="option-drag flexcenter">
<img class="option-icon" src="@/assets/img/option-icon.svg" />
@@ -66,7 +66,8 @@
<div class="option-item flexacenter" v-for="(item, index) in optionList" :key="item.id">
<div class="option-content flexacenter">
<div class="option-text flexcenter">{{ index + 1 }}</div>
<input class="option-input flex1" placeholder="请输入" v-model="optionList[index]['message']" />
<!-- <input class="option-input flex1" placeholder="请输入" v-model="optionList[index]['message']" /> -->
<el-input class="option-input flex1" placeholder="请输入" maxlength="100" show-word-limit v-model="optionList[index]['message']" />
<img class="option-cross" v-if="optionList[index]['message']" @click="clearMessage(index)" src="@/assets/img/cross-undertint-icon.svg" />
</div>
<div class="option-drag flexcenter">
@@ -111,6 +112,7 @@
</template>
<script setup>
useHead({ script: [{ src: "https://app.gter.net/bottom?tpl=footer", body: true }] })
import { useRouter } from "vue-router"
import { ElMessage } from "element-plus"
@@ -184,6 +186,7 @@ const submit = (status = 1) => {
if (status == 1) {
if (option.length < 2) {
ElMessage.error("请设置至少2个选项~")
loading = false
return
}
@@ -326,15 +329,14 @@ const clearMessage = index => {
justify-content: center;
padding: 0 122px;
}
@media (max-width: 920px) {
.content-box {
display: block;
padding: 0 10px;
// padding: 0 122px;
}
}
.contentcontent {
// width: 1200px;
max-width: 1200px;
min-width: 900px;
min-height: calc(100vh - 120px);
@@ -364,11 +366,8 @@ const clearMessage = index => {
.box-left {
border-right: 16px solid #f6f6f6;
width: 48.176%;
// .area-box {
padding: 30px;
padding-right: 50px;
border-bottom: 1px solid #ebebeb;
.item {
&:not(:last-of-type) {
@@ -378,9 +377,7 @@ const clearMessage = index => {
.item-input {
border-radius: 5px;
outline: none;
// width: 482px;
width: 100%;
// padding: 13px 14px;
font-size: 14px;
/deep/ .el-textarea__inner {
@@ -500,12 +497,19 @@ const clearMessage = index => {
outline: none;
border-radius: 5px;
color: #333;
/deep/ .el-input__wrapper {
outline: none;
border: none;
box-shadow: none;
padding-right: 10px;
}
}
.option-cross {
width: 12px;
height: 12px;
cursor: pointer;
margin: 0 10px;
margin-right: 10px;
}
}
@@ -555,7 +559,7 @@ const clearMessage = index => {
.floor-box {
width: 100vw;
min-width: 1200px;
min-width: 900px;
height: 90px;
background-color: rgba(255, 255, 255, 1);
-moz-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.192156862745098);
@@ -564,7 +568,8 @@ const clearMessage = index => {
position: fixed;
bottom: 0;
.box {
width: 1200px;
max-width: 1200px;
min-width: 900px;
height: 100%;
margin: 0 auto;
justify-content: space-between;