2020-05-12 发表评论 五星 上传图片不能超过三张图 提交


<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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,230评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,261评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,089评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,542评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,542评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,544评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,922评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,578评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,816评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,576评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,658评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,359评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,937评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,920评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,859评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,381评论 2 342