<template>
<div>
<header class="eva-publish-header">
<div class="mean-left">
<i class="icon icon-back"></i>
</div>
<h1>发表评论</h1>
</header>
<div class="content">
<section class="star-editor">
<div class="editor-left">
<img src="http://img.lxisland.cn/image/2018-06-06/20180606095559_6710_300.jpg" alt="">
</div>
<div class="editor-right">
<p>商品评分</p>
<div class="star-box">
<i class="icon-star icon" num="1"></i>
<i class="icon-star icon" num="2"></i>
<i class="icon-star icon" num="3"></i>
<i class="icon-star icon" num="4"></i>
<i class="icon-star icon" num="5"></i>
</div>
</div>
</section>
<section class="publish-content">
<div class="textarea-box">
<input v-model="textarea" placeholder="请写出您对本产品的评价"></input>
</div>
<div class="images-box clearfix">
<ul class="clearfix"></ul>
<label class="image-file">
<i class="icon-camera"></i>
<p>添加图片</p>
<input type="file" name="problemImg" id="input-img" @change="imgAge()" accept="image/*">
</label>
</div>
</section>
</div>
<div class="bottom-button" @click="getAddComment">
<div class="_submit">提交</div>
</div>
<div class="wating">
<div class="bg"></div>
<span class="main-i"></span>
</div>
</div>
</template>
<script>
import Vue from 'vue';
import axios from 'axios';
import $ from 'jquery';
import qs from 'qs';
import { Toast, Rate, Tab, Tabs } from "vant";
Vue.use(Toast)
.use(Rate)
.use(Tab)
.use(Tabs);
export default {
data() {
return {
imgUrl: [],
maxNum: 3,
textarea: "",//评价
}
},
mounted() {
//填写星星
$(".icon-star").click(function () {
var starNum = $(this).attr("num");
$.each($(".icon-star"), function (i, e) {
if ($(e).attr("num") <= starNum) {
$(e).removeClass("icon-graystar");
}
else {
$(e).addClass("icon-graystar");
}
})
})
},
methods: {
imgAge() {
this.imgChange();
},
// 提交
getAddComment() {
if (!this.textarea) {
Toast("请输入你的想法!");
return;
}
var imgarr = this.imgUrl.join(",");
var starNum = 5 - $(".icon-graystar").length;
var data = {
pId: "2023",
orderId: 'LD202005121049584702543',
content: this.textarea,
score: starNum,
img: imgarr
}
if ($('.wating').hasClass('show')) {
Toast("请求发送中。。。");
return;
}
$.getJSON("/Ajax/Comment.ashx?method=AddComment", data, function (data) {
// 提交成功后
if (data.Status == 0) {
Toast(data.Msg);
init()
} else {
Toast(data.Msg);
}
}).always(function () {
$('.wating').removeClass('show');
})
$('.wating').addClass('show');
},
// 获得图片方法并发送
imgChange() {
if (this.imgUrl.length >= this.maxNum) {
Toast('最多上传' + this.maxNum + '张图片');
return;
}
//获取的图片文件
var file = $("#input-img")[0].files[0];
var validate_Img = this.validateImg(file);// 验证图片
if (validate_Img.Status) {
// 如果验证成功发送请求;
this.uploadImage("/Feedback.ashx?method=AddImg", file);
$('.wating').addClass('show');
} else {
Toast(validate_Img.Msg);
}
// 把之前选择的图片清空
$('#input-img').val('');
},
//删除图片方法
delImg(target, url) {
//移除图片
var src = target.attr("src");
var ind = src.lastIndexOf("/");
var ssr = src.slice(ind + 1);
$.getJSON(url, { fileUrl: ssr }, function (data) {
if (data.Status == 0) {
target.parent().remove();
$.each(this.imgUrl, function (i, e) {
if (e == src) {
this.imgUrl.splice(i, 1);
}
})
Toast('删除成功');
$(".image-file").show();
} else {
Toast('删除失败');
}
})
},
// 上传图片方法
uploadImage(url, data) {
var formData = new FormData();
formData.append('data', data)
axios({
url: url,
method: 'post',
data: formData
}).then(response => {
const { Result, Msg, Status } = response.data;
console.log(Result, Msg, Status, '上传图片方法')
if (Status == 0) {
Toast('提交成功');
this.imgUrl.push(Result);
var str = '<li><img src="' + Result + '" class="file-img" style="width:100px;height:100px"></li>'
$(".images-box>ul").append(str);
if (this.imgUrl.length == this.maxNum) {
$(".image-file").hide();
}
} else {
Toast(Msg);//图片上传不成功
}
formData = null;
$('.wating').removeClass('show');
}).catch(err => {
console.log(err);
})
},
// 校验图片类型方法
validateImg(image) {
if (!image) return { Status: false, Msg: '图片不存在' };
var type = ["image/png", "image/jpeg", "image/gif"];
if (type.indexOf(image.type) < 0) return { Status: false, Msg: '请上传图片类型的文件' };
if (image.size / 1024 / 1024 > 6) {
return { Status: false, Msg: '请上传小于6M的图片' };
} else {
return { Status: true, Msg: '' }
}
},
}
}
</script>
<style scoped lang="scss">
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: 400;
vertical-align: baseline
}
table {
border-collapse: collapse;
border-spacing: 0
}
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden
}
li {
list-style: none
}
::-webkit-scrollbar {
width: 5px;
height: 5px
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, .2);
-webkit-border-radius: 6px
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, .7);
-webkit-border-radius: 6px
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, .7);
-webkit-border-radius: 6px
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
body,
html {
width: 100%;
font-family: PingFangSC-Regular, Helvetica, "Droid Sans", Arial, sans-serif
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: transparent
}
.clearfix::after {
content: '';
display: block;
clear: both;
height: 0
}
body {
font-size: 14px
}
.alert-msg {
display: none;
position: fixed;
margin-left: -1rem;
top: 50%;
left: 50%;
width: 2rem;
padding: 10px;
background: rgba(0, 0, 0, .75);
color: #fff;
font-size: 12px;
border-radius: 2px;
text-align: center;
z-index: 10000
}
.wating {
display: none
}
.wating .bg {
position: fixed;
left: 0;
top: .9rem;
width: 100%;
height: 100%;
z-index: 999;
background: rgba(0, 0, 0, .55)
}
.wating .main-i {
padding-left: 20px;
display: block;
width: 20px;
position: absolute;
height: 20px;
left: 50%;
z-index: 500;
top: 50%;
background: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///zMzM9LS0p2dncXFxa+vr19fX3h4eODg4Onp6crKykxMTDc3NzMzMzMzMzMzMyH5BAkKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOw==) no-repeat;
background-size: contain;
background-position: left center
}
.wating.show {
display: block
}
@media screen and (min-width:750px) {
html {
font-size: 100px
}
}
@media screen and (min-width:640px) and (max-width:749px) {
html {
font-size: 85px
}
}
@media screen and (min-width:414px) and (max-width:639px) {
html {
font-size: 56px
}
}
@media screen and (min-width:375px) and (max-width:413px) {
html {
font-size: 50px
}
}
@media screen and (min-width:320px) and (max-width:374px) {
html {
font-size: 42px
}
}
body {
font-size: 12px;
background-color: #eef0f3;
font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif
}
.controler {
width: 7.5rem;
margin: 0 auto
}
.icon {
display: inline-block;
background-position: center;
background-repeat: no-repeat;
background-size: contain
}
.icon-star {
width: .34rem;
height: 100%;
margin-right: .24rem;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTctMDktMTRUMTc6Mjg6MTUrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE3LTA5LTE0VDE3OjI4OjU3KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE3LTA5LTE0VDE3OjI4OjU3KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMjI2MUYzMTk5MkYxMUU3QkU4OThFRTc1M0U0NzZGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMjI2MUYzMjk5MkYxMUU3QkU4OThFRTc1M0U0NzZGMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIyMjYxRjJGOTkyRjExRTdCRTg5OEVFNzUzRTQ3NkYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIyMjYxRjMwOTkyRjExRTdCRTg5OEVFNzUzRTQ3NkYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LnI5SgAAAfpJREFUeNrEl0soRFEYx+cOobyTMeVRGNR4jkchYzHFrCwshg12NrYKYYHCQrFQUphENljaWXisFCOvjSiUJCxENiz4H31T0zR37r3nvr76NXfuPef0m7nnfOc7wqm72aIy1oALVIMfpZ1dhwf/n1aVEh7QDcqAX81AakVWQ667gNMMkV6QG3ZvyQyRuQj3GkGDkSIDIFHk2YJRIjYwFeV5FfAZIbIIYiTarABBT5ES0C6jXTIY1FNkXkHbUa1FEkA9GAItCsZmk3mT+qRKNY4N+24HNaAAVNLEywOZnKvLR3yAe3AFjsEdOAMPwYYC9hq2CmZAHSgEcRbj4hZcgAn2jxyBfIs54SBarfQ6zI4kK29K1jh6mMg56DBRYho1yXpw+W5JpG29YhcSw+F5ZISEjIob4BVLaOwV7Rkg8QyawG+0zOqheaNXfNMCeZGT4t3gSycRL2VZWXvNJ1m/aijAXkMf2Fe66V3SnqBl+Hl23xRQoaGEQMcOxSJ2KgG0jCIekTQdJqqTR8Shg0gWj0ipDiIZPCJyqzJWde3IbJvDI5IuMegbGAfloA10goBEn2IQr9UceaQKnZWVYyH3WaFcS4fxQJQfl61UxBZBoJ8EJqkgjhQbJMSK5hORDKtIhB2QnsB1iMAsbVpyYpsK8k6q3N/Bsli2/hNgAGehUv9Sm8IfAAAAAElFTkSuQmCC)
}
.icon-graystar {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTctMDktMTVUMTQ6MzI6NTUrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE3LTA5LTE1VDE0OjMyOjU1KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE3LTA5LTE1VDE0OjMyOjU1KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNTFCNDY1OTk5REYxMUU3QUE0QUNFNkM0RDlENzEzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNTFCNDY1QTk5REYxMUU3QUE0QUNFNkM0RDlENzEzNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI1MUI0NjU3OTlERjExRTdBQTRBQ0U2QzREOUQ3MTM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI1MUI0NjU4OTlERjExRTdBQTRBQ0U2QzREOUQ3MTM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mV473wAAAuJJREFUeNrcmk1sjEEYx2e3hNKIiu+lddCNbaqCi6+0OKmQEET1VjRpWmnS1oGji1RE69BYER9xaIggIoS4uiCoINHFxYG4IOHQiCb1f/I+Fba73Zl3Z8zM+yS/bLudd/b9dWZnnpl5Y5lMRhiOJnAS3ALtuitPJpN/fo4bFkmBAbAQtIFWkx9mWmYg6/c0KPNRZjtYmeP9Xh9lzuZ5vwVU+CTTwd+TfJH2RWYKOFGgzFaw2geZ42CqRLlzrsvMA12SZVeBBpdl+hXLp12VqQa7Fa+pBM0uypwPeV2vazKbwNqQ184ER12SKXZkOgZKXZChrHhpkXVMBj02ZUq5a/Vral3KGraA6WErmCRZrhwsA7VgBajh9H625qH9HvgKhsArMMivb8C3MDIJvvHlfOP0WgVmiP8Ts8A6Ziy+A1pFvgYvwEsW/vz3hTFeae4Aezhlr1JoMZvxE7wFz8B1rDjvkgylH6eE/9FBMqMiIkGj2UhEXEbjPCRGIbrjnLle8lzkGgaAvrFJcz946KnIIET2ZmcAm8EHz0Rogq3Plc6M8EQ17JHMBrTKj3y52Sew0RORBk5zJkw0n4BdjovQnvV92az5Juh0VISylTOqS4DTjEtB/+TDYdcznVyBC/G0UPeXWZxRBY8si3wEdbpWmnW8jrAlsl5mypCV+QWOWJLpkZ3MVfYAKi3JzDGxoZGyJJMyIbPEkkyFCZnFFmXiOmVKLMrMB3N1ykhXaCBiItj+0iZjq1WUPl9WZlGUZCLVMsWc27/j7OG2aRnZbdhESIk+8e+55TZO4esV60rY+s7QUvYASIrxB7B3eFm+EzxWqHOBLpkSyW5GEgdFcFB7sUBZelxrjQgOdGWWF/S0R7kOGRrnyyQlLih2nxsiOLDaJ4KzmHwxTeZeZWRoC+rBBN0pjER2XBXBQw50pPg8x9/pwOmLrgGghVuI9tXecze6bGAIvsI0gkMiOKkbYsmC8VuAAQAa3Xn48hA3eAAAAABJRU5ErkJggg==)
}
.eva-publish-header {
height: .9rem;
width: 100%;
text-align: center;
line-height: .9rem;
background-color: #fff;
border-bottom: 1px solid #dcdcdc
}
.eva-publish-header h1 {
height: 100%;
width: 100%;
color: #1a1a1a;
font-size: .36rem;
padding: 0 .9rem
}
.eva-publish-header .mean-left {
width: .9rem;
height: 100%;
float: left;
text-align: center
}
.eva-publish-header .icon-back {
width: .24rem;
height: 100%;
background-image: url(data:image/png;base64,R0lGODlhFQAkANUAADMzM4SEhEBAQMLCwmZmZqenp9/f35WVlVVVVXZ2dtPT07e3t+np6ZGRkUlJSaGhoVtbW8zMzLGxsW9vbzY2NoGBgdvb242NjU9PT7m5ufHx8aysrGBgYJycnOPj42pqatjY2EZGRr6+vqWlpXJyckRERExMTJmZmXt7e+3t7V5eXtDQ0LS0tFJSUjk5OeHh4VZWVpOTk8XFxevr68/Pz7Ozs93d3bu7u6+vr2JiYuXl5WxsbP///wAAAAAAAAAAACH5BAEHADwALAAAAAAVACQAAAaoQJ5wSCwSLwujkjgzAQDLpaH0pESNNMrT4bkSB08ATOMdLsKc8rATTqiFjXDgzauEY/RJuEAnhJNvLWEibwYOTy4KbyBaAAJdajRhGAxvLGh0I2E7dA9hB3Q8F2ESoTwBYQ2mcU8VphthH6YZYRCmYE8IKaEWLk8lBqEvIVWKdBowYTemOWE1piRhI6YoYSemB2GuoZ5PJKY4YQSmMmEIpithpjwWAQVBADs=)
}
.content {
width: 100%
}
.content .star-editor {
width: 100%;
height: 1.62rem;
padding: .2rem .3rem;
background-color: #fff;
border-bottom: 1px solid #dcdcdc;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.content .star-editor .editor-left {
width: 1.2rem;
height: 100%
}
.content .star-editor .editor-left img {
width: 100%;
height: 100%
}
.content .star-editor .editor-right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: .3rem;
}
.content .star-editor .editor-right p {
font-size: .3rem;
color: #1a1a1a;
}
.content .star-editor .editor-right .star-box {
width: 100%;
height: 40px;
}
.content .publish-content {
background-color: #fff;
padding: 0.4rem;
padding-bottom: 0;
width: 100%
}
.content .publish-content .textarea-box {
width: 100%
}
.content .publish-content .textarea-box input {
width: 100%;
/* height: 2.6rem; */
resize: none;
border: none;
color: #1a1a1a;
font-size: .28rem
}
.content .publish-content .images-box {
width: 100%;
margin-top: .3rem;
padding-bottom: .2rem;
border-bottom: 1px solid #dcdcdc;
}
.content .publish-content .images-box ul {
float: left
}
.content .publish-content .images-box ul li {
float: left;
margin-right: .24rem
}
.content .publish-content .images-box ul li img {
width: 1.5rem;
height: 1.5rem;
border: none;
outline-style: none
}
.content .publish-content .images-box .image-file {
float: left;
display: block;
width: 1.5rem;
height: 1.5rem;
border: 1px dashed #bfbfbf;
background-color: #fff;
position: relative
}
.content .publish-content .images-box .image-file .icon-camera {
display: block;
width: 100%;
margin-top: .3rem;
margin-bottom: .2rem;
height: .45rem;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABCCAYAAADAD1E9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkNEQjcwMzc4RTExMTFFN0EwNDhCNkRDRUIwNEVFQjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkNEQjcwMzg4RTExMTFFN0EwNDhCNkRDRUIwNEVFQjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQ0RCNzAzNThFMTExMUU3QTA0OEI2RENFQjA0RUVCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQ0RCNzAzNjhFMTExMUU3QTA0OEI2RENFQjA0RUVCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvGuTUYAAAZcSURBVHja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);
background-repeat: no-repeat;
background-position: center;
background-size: contain
}
.content .publish-content .images-box .image-file p {
font-size: .24rem;
color: #b2b2b2;
text-align: center
}
.content .publish-content .images-box .image-file input {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
.content .publish-content .publish-type {
width: 100%;
height: .92rem;
color: #1a1a1a;
font-size: .28rem
}
.content .publish-content .publish-type i {
width: .36rem;
height: 100%;
margin-right: .1rem;
vertical-align: middle;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBQUMyQjI1M0VDMjExRTdCNUI3ODA3MjlGRTg2Qzk0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBQUMyQjI2M0VDMjExRTdCNUI3ODA3MjlGRTg2Qzk0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFBQzJCMjMzRUMyMTFFN0I1Qjc4MDcyOUZFODZDOTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFBQzJCMjQzRUMyMTFFN0I1Qjc4MDcyOUZFODZDOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Kp2i2AAAEEUlEQVR42tSafWhOURzHz/NE87KErTalKDRiwl97mlIYmQct8roteRlaJEN52TKTf7SElpc1ss27GvZsxfxBMU+ivGYLSciwEJuhMd+f+7t1uz1v9z7nPvc+3/qszto953zv2Tnn9zvnuurr64UF6gVGgnEgFQwFiaAHuEAHeAvawBPwAnSbacjr9QbtgCwNAFlMJhgFEiJ47hd4Dm6DJnANfJfxZqMVmcgD80GyiecTeGSJNaAdXAQ1oNlsp9xRGPKARnCLO5QsaeSpnrU8gj6QEStjg8AxfpuzhLWaDe6Ao2CglcZopj4Dq0VsVQBauH3pxsoALaEpwh6lcPulMo3Vgp3CGSoB1TKMXQbLhLOUx/0ybewsmCucKerXaTPGaE4tEs7WEp/Pt9uIsSwHzalwKoa5rEiM9QN1Ir5UB3N9wxmjzbB/nBmj/h4JZWw8yBXxqXyM2thgxioc0sk34BBH/UZUEchYOpjsAFO/wSSwgfv0zsCzUzBq6XpjWxwyWps4dVFztfcGny+iHy7OoGlF+Qz62GzqJWfeqjI4fTES03aBJPWBbAeYIq3SlY+byEBokLK1xuwWHQvc0JRXgDEm6/pvzM3pvd1aqTuyOBDNcQWZGg3SbDa1n5d4VfuEcqplVmmqMTv1TbciDwMbo63UzRXZKdqv/mjKVTIqJWOpNpqi85OTmvJUME2WsUQbjS3XlatkVUzGemwydQnc1ZTXg+Eyjbkk1dVt8CUV6NKOcplvjYx1SKjHz297BIdA4URHaJ805YOgt2xjbRLqKeIo/BVnCA0h/pYC3F3aPYejDCHb2GsJ9XgDlE8F+dt1uvIJKyYwGWuRUM82sFn3u1xOFrW6L5SbFO0L8FhprFVCXRQG7Q2w+ZaGWN4rLVpxWynY/CuUm5M0SSM3WCjXQKpoPiWBIUK5vVS13cLgoFlNWxokVkp3Zed0v6M9aoGmTOb3WLhHNqjGGjnzlKWF4GqIPfKwxP0zUAbd6NYULkhuYAb/i+vPKCeycat03uv1dmnT7nILGqEzi3tC+WpAm+5bqXKhO094JJT7ZNmifO8BzymKDydYaOomRuuxmoJrVQgeWtAgrYo7YhBYF2r3MaEbtVoRn6rGaD0NZkxdrjvjzFSnbu8MaOwHyIkzYzm0EoYzRmqyeAOVqTKYagoUKwZTcYAIwmk6A1MlwYLgUFoMrjjUFPVraajoPpzmhcit7FIN90tEY0zNrZwy5+hrhvxI8rFIRXNuDvhok6EP3H5JpImmEfk4RKqMsalKbtdnJIM2qi9COTrzSM7jgr1ID7f31ejRgFn5+cyCrqDoU4R2SWbaOV/L5H89v5lKZHw628xsBTPBdKEcwdEZYyS3pD+FckVLmcV1TlCj/ib4nwADAG8DyA1rcWaTAAAAAElFTkSuQmCC)
}
.content .publish-content .publish-type.selected i {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI1NDgzQ0M4M0VDMjExRTc5NjVCOTNCNjEwQzcyOTgxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI1NDgzQ0M5M0VDMjExRTc5NjVCOTNCNjEwQzcyOTgxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjU0ODNDQzYzRUMyMTFFNzk2NUI5M0I2MTBDNzI5ODEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjU0ODNDQzczRUMyMTFFNzk2NUI5M0I2MTBDNzI5ODEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5vI249AAAEE0lEQVR42tSaa0gVQRiG50hhF4lKQYOgoMKijOyXB0uhssiskKKrSnSxQorICroomdGfkKiQLmKR2j3opkLZj5Qyie4XUioiKrKSitKssOz92m9hWc5t98ye3fPCc2AOZ2fm3Tk7830z67o3MUVYoB5gOBgD4sBgEAW6gQu0g7egFTwBL0CXmYYSG+q9dkCW+oE0JhmMAJEBXPcLPAc3QR24Cr7LuLPBikxkgzkgxsT1kTyyxErQBs6BStBotlMRQRhyg1pwgzsUI2nkqZ5VPILVIClUxgaAw3w3pwtrNQPcAodAfyuNZYBnYIUIrXJBM7cv3VgxuAxihT2K5faLZBqrAtuEM1QIKmQYuwgWC2cpm/tl2tgpMEs4U9SvE2aM0TM1XzhbC++npO4wYizNQc+UPxXAXFogxvqA8yK8dB7mevszRoth3zAzRv096MvYWJAlwlM5GLXR3oyVOqSTb8B+jvqNqNSTsQQwwQGmfoPxYC336Z2Ba1Mxagl6YxsdMlrrOXVRc7X3Bq/Ppw8XZ9A0o3wGvWw29ZIzb1VJnL4YiWk7QbR6QboDTJGW68pHTGQgNEjpWmN2i7YFrmvKS8Eok3X9NxbB6b3dWqbbstgbzHYFmRoJ4m02tYeneFW7hbKrZVbxqjE79U03Iw8B64KtNIIrslO0Xv3RlMtlVErG4mw0RfsnxzTlSWCyLGNRNhpboiuXy6qYjHXbZOoCuK0prwFDZRpzSaqry+BNytWlHSUy7xoZa5dQTxPf7WEcAvkTbaF90pT3gZ6yjbVKqCefo/BXnCHU+PgtBbjbtWsORxlCtrHXEurJ8FA+7uW3q3Xlo1Y8wGSsWUI9m8EG3XdZnCxqdVcoJynaG+C20liLhLooDNrlYfEt8jG9l1k047ZQsPlXKCcn8ZJGbqBQjoFU0fMUDQYJ5fRS1RYLg4NGNW2pkVgpnZWd1n1Ha9RcTZnM77RwjaxRjdVy5ilL88AVH2vkAYnrp6cMujZCUzgruYGp/BfX71EmsnGrdCaxob5Tm3aXWNAI7VncEcpbA9p030qVCN1+wiOhnCfLFuV7D/iZovhwnIWm6jFaj9UUXKs88NCCBmlW3BqCwDpPu44J3ahVifBUBUbrqTdj6nTdEWamOnRrp0djP0BmmBnLpJnQnzFSncULqEwVw1Sdp1jRmwo8RBBO00mYKvQWBPvSAnDJoaaoX4t8Rff+NNtHbmWXKrlfIhhjam7llGeO3mbICSQfC1T0zM0EH20y9IHbLww00TSiag6RykJsqozbrTaSQRvVF6Fsnbkl53HebqSb2/tqdGvArJp4z4KOoOhVhDZJZto4X0vmv16TmUpkvDrbyGwC08AUoWzB0R5jIKekP4VyREuZxTVOUIN+J/ifAAMAa2jIDU6yHU4AAAAASUVORK5CYII=)
}
.bottom-button {
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1;
left: 0;
bottom: 0;
width: 100%;
height: 1.2rem;
padding: .2rem .3rem;
margin-bottom: .1rem;
background: #eef0f3
}
.bottom-button ._submit {
color: #fff;
display: block;
width: 100%;
height: 100%;
background: #ce3d3e;
text-align: center;
border-radius: 5px;
line-height: .8rem;
font-size: 15px
}
</style>