0a8216f26f77f2ab72097cc6cb5d6146.json 17 KB

1
  1. {"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\AdvGroupForm.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\AdvGroupForm.vue","mtime":1678954023583},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IFVwbG9hZFFpbml1IGZyb20gIkAvY29tcG9uZW50L2NvbW1vbi9VcGxvYWRRaW5pdSI7CmltcG9ydCBMaW5rU2VsIGZyb20gIi4uL2NvbXBvbmVudHMvTGlua1NlbC52dWUiOwpjb25zdCBhZHZBcnIgPSBbewogIHRpdGxlOiAi54Ot6ZSA5qac5Y2VIiwKICB0aXRsZUNvbG9yOiAiIzAwMDAwMCIsCiAgZGVzYzogIuWPkeeOsOeIhuasvuWlveWVhuWTgSIsCiAgZGVzY0NvbG9yOiAiI0YwNTA2NCIsCiAgYnRuVGV4dDogIueri+WNs+aKoui0rSIsCiAgaW1hZ2U6IHt9LAogIHVybDogIiIsCiAgc3dpdGNoVGFiOiAiIgp9LCB7CiAgdGl0bGU6ICLlvZPlraPmlrDlk4EiLAogIHRpdGxlQ29sb3I6ICIjM0NCNEI2IiwKICBkZXNjOiAi5Y+R546w54iG5qy+5aW95ZWG5ZOBIiwKICBkZXNjQ29sb3I6ICIjRjA1MDY0IiwKICBidG5UZXh0OiAi5p+l55yL5YWo6YOoIiwKICBpbWFnZToge30sCiAgdXJsOiAiIiwKICBzd2l0Y2hUYWI6ICIiCn0sIHsKICB0aXRsZTogIuS8mOi0qOW6l+mTuiIsCiAgdGl0bGVDb2xvcjogIiMwMDAwMDAiLAogIGRlc2M6ICLlj5HnjrDlpb3lupciLAogIGRlc2NDb2xvcjogIiNGRDZGMDIiLAogIGJ0blRleHQ6ICLmn6XnnIvlhajpg6giLAogIGltYWdlOiB7fSwKICB1cmw6ICIiLAogIHN3aXRjaFRhYjogIiIKfSwgewogIHRpdGxlOiAi5ZOB6LSo5aW96LSnIiwKICB0aXRsZUNvbG9yOiAiIzAwMDAwMCIsCiAgZGVzYzogIuWlveivhOWmgua9riIsCiAgZGVzY0NvbG9yOiAiIzE5OTA2QyIsCiAgYnRuVGV4dDogIuafpeeci+WFqOmDqCIsCiAgaW1hZ2U6IHt9LAogIHVybDogIiIsCiAgc3dpdGNoVGFiOiAiIgp9LCB7CiAgdGl0bGU6ICLniIblk4HmjqjojZAiLAogIHRpdGxlQ29sb3I6ICIjMDAwMDAwIiwKICBkZXNjOiAi6LSo6YeP5aW96ZSA6YeP6auYIiwKICBkZXNjQ29sb3I6ICIjMTk5MDZDIiwKICBidG5UZXh0OiAi5p+l55yL5YWo6YOoIiwKICBpbWFnZToge30sCiAgdXJsOiAiIiwKICBzd2l0Y2hUYWI6ICIiCn1dOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIkFkdkdyb3VwRm9ybSIsCiAgY29tcG9uZW50czogewogICAgVXBsb2FkUWluaXUsCiAgICBMaW5rU2VsCiAgfSwKICBwcm9wczogewogICAgdGVtRm9ybTogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0KICAgIH0KICB9LAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgbGlua19zaG93OiBmYWxzZSwKICAgICAgc3R5bGVfdmlzaWJsZTogZmFsc2UsCiAgICAgIGZvcm06IHt9LAogICAgICBzdHlsZV9saXN0OiBbewogICAgICAgIGxhYmVsOiAi5LiK5LiJ5LiL5LqMIiwKICAgICAgICBzdHlsZUlkOiAxLAogICAgICAgIGltZzogcmVxdWlyZSgiQC9hc3NldHMvaW1nL3BhZ2VDb21wb25lbnRzL2Fkdi1zdHlsZS0wMy5wbmciKQogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICLkuIDlt6bkuKTlj7MiLAogICAgICAgIHN0eWxlSWQ6IDIsCiAgICAgICAgaW1nOiByZXF1aXJlKCJAL2Fzc2V0cy9pbWcvcGFnZUNvbXBvbmVudHMvYWR2LXN0eWxlLTAyLnBuZyIpCiAgICAgIH0sIHsKICAgICAgICBsYWJlbDogIuS4gOW3puS4gOWPsyIsCiAgICAgICAgc3R5bGVJZDogMywKICAgICAgICBpbWc6IHJlcXVpcmUoIkAvYXNzZXRzL2ltZy9wYWdlQ29tcG9uZW50cy9hZHYtc3R5bGUtMDEucG5nIikKICAgICAgfV0sCiAgICAgIGltZ19pbmRleDogMCwKICAgICAgcHJlZGVmaW5lQ29sb3JzOiBbIiMwMDAwMDAiLCAiI0YwNTA2NCIsICIjRkQ2RjAyIiwgIiNmZmQ3MDAiLCAiIzE5OTA2QyIsICIjM0NCNEI2IiwgIiMxZTkwZmYiLCAiI2M3MTU4NSJdCiAgICB9OwogIH0sCgogIHdhdGNoOiB7CiAgICB0ZW1Gb3JtKHZhbCkgewogICAgICB0aGlzLmZvcm0gPSB2YWw7CgogICAgICBpZiAoIXRoaXMuZm9ybS5hZHZfbGlzdC5sZW5ndGgpIHsKICAgICAgICBpZiAodGhpcy5mb3JtLnN0eWxlLnN0eWxlSWQgPT09IDEpIHsKICAgICAgICAgIHRoaXMuZm9ybS5hZHZfbGlzdCA9IHRoaXMuJF9jb21tb24uZGVlcENsb25lKGFkdkFycik7CiAgICAgICAgfQogICAgICB9CiAgICB9CgogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmZvcm0gPSB0aGlzLnRlbUZvcm07CgogICAgaWYgKCF0aGlzLmZvcm0uYWR2X2xpc3QubGVuZ3RoKSB7CiAgICAgIGlmICh0aGlzLmZvcm0uc3R5bGUuc3R5bGVJZCA9PT0gMSkgewogICAgICAgIHRoaXMuZm9ybS5hZHZfbGlzdCA9IHRoaXMuJF9jb21tb24uZGVlcENsb25lKGFkdkFycik7CiAgICAgIH0KICAgIH0KICB9LAoKICBtZXRob2RzOiB7CiAgICBsaW5rQ29uZmlybShvYmopIHsKICAgICAgdGhpcy5mb3JtLmFkdl9saXN0W3RoaXMuaW1nX2luZGV4XS51cmwgPSBvYmoubGlua3M7CiAgICAgIHRoaXMuZm9ybS5hZHZfbGlzdFt0aGlzLmltZ19pbmRleF0uc3dpdGNoVGFiID0gb2JqLnN3aXRjaFRhYiA/ICJzd2l0Y2hUYWIiIDogIiI7CiAgICAgIHRoaXMuY29uZmlybSgpOwogICAgfSwKCiAgICBjb25maXJtKCkgewogICAgICB0aGlzLiRlbWl0KCJjb25maXJtIiwgdGhpcy5mb3JtKTsKICAgIH0sCgogICAgb3BlblVybChpbmRleCkgewogICAgICB0aGlzLmltZ19pbmRleCA9IGluZGV4OwogICAgICB0aGlzLmxpbmtfc2hvdyA9IHRydWU7CiAgICB9LAoKICAgIGNoYW5nZVN0eWxlKHN0eWxlKSB7CiAgICAgIHRoaXMuc3R5bGVfdmlzaWJsZSA9IGZhbHNlOwogICAgICB0aGlzLmZvcm0uc3R5bGUgPSB7CiAgICAgICAgbGFiZWw6IHN0eWxlLmxhYmVsLAogICAgICAgIHN0eWxlSWQ6IHN0eWxlLnN0eWxlSWQKICAgICAgfTsKCiAgICAgIHN3aXRjaCAoc3R5bGUuc3R5bGVJZCkgewogICAgICAgIGNhc2UgMToKICAgICAgICAgIHRoaXMuZm9ybS5hZHZfbGlzdCA9IHRoaXMuJF9jb21tb24uZGVlcENsb25lKGFkdkFycik7CiAgICAgICAgICBicmVhazsKCiAgICAgICAgY2FzZSAyOgogICAgICAgICAgdGhpcy5mb3JtLmFkdl9saXN0ID0gdGhpcy4kX2NvbW1vbi5kZWVwQ2xvbmUoYWR2QXJyKS5zbGljZSgwLCAzKTsKICAgICAgICAgIGJyZWFrOwoKICAgICAgICBjYXNlIDM6CiAgICAgICAgICB0aGlzLmZvcm0uYWR2X2xpc3QgPSB0aGlzLiRfY29tbW9uLmRlZXBDbG9uZShhZHZBcnIpLnNsaWNlKDAsIDIpOwogICAgICAgICAgYnJlYWs7CiAgICAgIH0KICAgIH0sCgogICAgdXBsb2FkU3VjY2Vzcyh2YWwsIHJlcywgZmlsZSwgZmlsZUxpc3QpIHsKICAgICAgdGhpcy5mb3JtLmFkdl9saXN0W3RoaXMuaW1nX2luZGV4XS5pbWFnZSA9IHsKICAgICAgICBuYW1lOiBmaWxlLm5hbWUsCiAgICAgICAgdXJsOiB2YWwKICAgICAgfTsKICAgICAgdGhpcy5jb25maXJtKCk7CiAgICB9LAoKICAgIGJlZm9yZVVwbG9hZChpbmRleCkgewogICAgICB0aGlzLmltZ19pbmRleCA9IGluZGV4OwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgHA;AACA;AACA,gBACA;EACAA,aADA;EAEAC,qBAFA;EAGAC,eAHA;EAIAC,oBAJA;EAKAC,eALA;EAMAC,SANA;EAOAC,OAPA;EAQAC;AARA,CADA,EAWA;EACAP,aADA;EAEAC,qBAFA;EAGAC,eAHA;EAIAC,oBAJA;EAKAC,eALA;EAMAC,SANA;EAOAC,OAPA;EAQAC;AARA,CAXA,EAqBA;EACAP,aADA;EAEAC,qBAFA;EAGAC,YAHA;EAIAC,oBAJA;EAKAC,eALA;EAMAC,SANA;EAOAC,OAPA;EAQAC;AARA,CArBA,EA+BA;EACAP,aADA;EAEAC,qBAFA;EAGAC,YAHA;EAIAC,oBAJA;EAKAC,eALA;EAMAC,SANA;EAOAC,OAPA;EAQAC;AARA,CA/BA,EAyCA;EACAP,aADA;EAEAC,qBAFA;EAGAC,cAHA;EAIAC,oBAJA;EAKAC,eALA;EAMAC,SANA;EAOAC,OAPA;EAQAC;AARA,CAzCA;AAoDA;EACAC,oBADA;EAEAC;IACAC,WADA;IAEAC;EAFA,CAFA;EAMAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CANA;;EAcAC;IACA;MACAC,gBADA;MAEAC,oBAFA;MAGAC,QAHA;MAIAC,aACA;QACAC,aADA;QAEAC,UAFA;QAGAC;MAHA,CADA,EAMA;QACAF,aADA;QAEAC,UAFA;QAGAC;MAHA,CANA,EAWA;QACAF,aADA;QAEAC,UAFA;QAGAC;MAHA,CAXA,CAJA;MAqBAC,YArBA;MAsBAC,kBACA,SADA,EAEA,SAFA,EAGA,SAHA,EAIA,SAJA,EAKA,SALA,EAMA,SANA,EAOA,SAPA,EAQA,SARA;IAtBA;EAiCA,CAhDA;;EAiDAC;IACAb;MACA;;MACA;QACA;UACA;QACA;MACA;IACA;;EARA,CAjDA;;EA2DAc;IACA;;IACA;MACA;QACA;MACA;IACA;EACA,CAlEA;;EAmEAC;IACAC;MACA;MACA,+DACA,WADA,GAEA,EAFA;MAGA;IACA,CAPA;;IAQAC;MACA;IACA,CAVA;;IAWAC;MACA;MACA;IACA,CAdA;;IAeAC;MACA;MACA;QACAX,kBADA;QAEAC;MAFA;;MAIA;QACA;UACA;UACA;;QACA;UACA;UACA;;QACA;UACA;UACA;MATA;IAWA,CAhCA;;IAiCAW;MACA;QACAzB,eADA;QAEAF;MAFA;MAIA;IACA,CAvCA;;IAwCA4B;MACA;IACA;;EA1CA;AAnEA","names":["title","titleColor","desc","descColor","btnText","image","url","switchTab","name","components","UploadQiniu","LinkSel","props","temForm","type","default","data","link_show","style_visible","form","style_list","label","styleId","img","img_index","predefineColors","watch","created","methods","linkConfirm","confirm","openUrl","changeStyle","uploadSuccess","beforeUpload"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PageFormCom","sources":["AdvGroupForm.vue"],"sourcesContent":["<template>\n <div class=\"tem-box\">\n <div class=\"tem-tit clearfix\">\n <span class=\"tem-tit-span float_left\">图片广告</span>\n </div>\n <div class=\"tem-main\">\n <el-form ref=\"form\" :model=\"form\" size=\"small\" label-position=\"top\">\n <el-form-item label=\"选择风格\" class=\"PD-form-item\">\n <div\n class=\"clearfix\"\n style=\"cursor: pointer\"\n @click=\"style_visible = true\"\n >\n <span class=\"float_left\">{{ form.style.label }}</span>\n <span class=\"float_right\">\n <i class=\"iconfont icon-jinru1\"></i>\n </span>\n </div>\n <div class=\"style-size\">\n <img\n v-if=\"form.style.styleId === 1\"\n :src=\"require('@/assets/img/pageComponents/adv-size-01.jpg')\"\n />\n <img\n v-if=\"form.style.styleId === 2\"\n :src=\"require('@/assets/img/pageComponents/adv-size-02.jpg')\"\n />\n <img\n v-if=\"form.style.styleId === 3\"\n :src=\"require('@/assets/img/pageComponents/adv-size-03.jpg')\"\n />\n </div>\n </el-form-item>\n <el-form-item label=\"内容设置\" class=\"PD-form-item\">\n <ul class=\"up-img-ul\">\n <li\n v-for=\"(item, index) in form.adv_list\"\n :key=\"index\"\n class=\"clearfix up-img-li\"\n >\n <div>\n <UploadQiniu\n is-btn=\"picture\"\n :file-list=\"item.image.url ? [item.image] : []\"\n :width=\"50\"\n @uploadSuccess=\"uploadSuccess\"\n @beforeUpload=\"beforeUpload(index)\"\n ></UploadQiniu>\n </div>\n <div class=\"up-url\">\n <i>标题:</i>\n <input v-model=\"item.title\" type=\"text\" />\n </div>\n <div class=\"up-url\">\n <i>标题颜色:</i>\n <el-color-picker\n v-model=\"item.titleColor\"\n :predefine=\"predefineColors\"\n @change=\"confirm\"\n ></el-color-picker>\n </div>\n <div class=\"up-url\">\n <i>副标题:</i>\n <input v-model=\"item.desc\" type=\"text\" />\n </div>\n <div class=\"up-url\">\n <i>副标题颜色:</i>\n <el-color-picker\n v-model=\"item.descColor\"\n :predefine=\"predefineColors\"\n @change=\"confirm\"\n ></el-color-picker>\n </div>\n <div class=\"up-url\">\n <i>按钮文字:</i>\n <input v-model=\"item.btnText\" type=\"text\" />\n </div>\n <div class=\"up-url\" @click=\"openUrl(index)\">\n <i>按钮指向:</i>\n <span>{{ item.url || \"请选择链接\" }}</span>\n </div>\n </li>\n </ul>\n </el-form-item>\n </el-form>\n </div>\n <el-dialog title=\"选择风格\" :visible.sync=\"style_visible\" width=\"60%\">\n <div class=\"style-ul\">\n <div\n v-for=\"(item, index) in style_list\"\n :key=\"index\"\n class=\"style-item\"\n :class=\"[form.style.styleId === item.styleId ? 'style-on' : '']\"\n @click=\"changeStyle(item)\"\n >\n <div class=\"style-img\">\n <img :src=\"item.img\" />\n </div>\n <p>{{ item.label }}</p>\n </div>\n </div>\n </el-dialog>\n <LinkSel\n v-if=\"link_show\"\n :is-show=\"link_show\"\n @confirm=\"linkConfirm\"\n @cancel=\"link_show = false\"\n />\n </div>\n</template>\n\n<script>\n import UploadQiniu from \"@/component/common/UploadQiniu\";\n import LinkSel from \"../components/LinkSel.vue\";\n const advArr = [\n {\n title: \"热销榜单\",\n titleColor: \"#000000\",\n desc: \"发现爆款好商品\",\n descColor: \"#F05064\",\n btnText: \"立即抢购\",\n image: {},\n url: \"\",\n switchTab: \"\",\n },\n {\n title: \"当季新品\",\n titleColor: \"#3CB4B6\",\n desc: \"发现爆款好商品\",\n descColor: \"#F05064\",\n btnText: \"查看全部\",\n image: {},\n url: \"\",\n switchTab: \"\",\n },\n {\n title: \"优质店铺\",\n titleColor: \"#000000\",\n desc: \"发现好店\",\n descColor: \"#FD6F02\",\n btnText: \"查看全部\",\n image: {},\n url: \"\",\n switchTab: \"\",\n },\n {\n title: \"品质好货\",\n titleColor: \"#000000\",\n desc: \"好评如潮\",\n descColor: \"#19906C\",\n btnText: \"查看全部\",\n image: {},\n url: \"\",\n switchTab: \"\",\n },\n {\n title: \"爆品推荐\",\n titleColor: \"#000000\",\n desc: \"质量好销量高\",\n descColor: \"#19906C\",\n btnText: \"查看全部\",\n image: {},\n url: \"\",\n switchTab: \"\",\n },\n ];\n export default {\n name: \"AdvGroupForm\",\n components: {\n UploadQiniu,\n LinkSel,\n },\n props: {\n temForm: {\n type: Object,\n default: () => {\n return {};\n },\n },\n },\n data() {\n return {\n link_show: false,\n style_visible: false,\n form: {},\n style_list: [\n {\n label: \"上三下二\",\n styleId: 1,\n img: require(\"@/assets/img/pageComponents/adv-style-03.png\"),\n },\n {\n label: \"一左两右\",\n styleId: 2,\n img: require(\"@/assets/img/pageComponents/adv-style-02.png\"),\n },\n {\n label: \"一左一右\",\n styleId: 3,\n img: require(\"@/assets/img/pageComponents/adv-style-01.png\"),\n },\n ],\n img_index: 0,\n predefineColors: [\n \"#000000\",\n \"#F05064\",\n \"#FD6F02\",\n \"#ffd700\",\n \"#19906C\",\n \"#3CB4B6\",\n \"#1e90ff\",\n \"#c71585\",\n ],\n };\n },\n watch: {\n temForm(val) {\n this.form = val;\n if (!this.form.adv_list.length) {\n if (this.form.style.styleId === 1) {\n this.form.adv_list = this.$_common.deepClone(advArr);\n }\n }\n },\n },\n created() {\n this.form = this.temForm;\n if (!this.form.adv_list.length) {\n if (this.form.style.styleId === 1) {\n this.form.adv_list = this.$_common.deepClone(advArr);\n }\n }\n },\n methods: {\n linkConfirm(obj) {\n this.form.adv_list[this.img_index].url = obj.links;\n this.form.adv_list[this.img_index].switchTab = obj.switchTab\n ? \"switchTab\"\n : \"\";\n this.confirm();\n },\n confirm() {\n this.$emit(\"confirm\", this.form);\n },\n openUrl(index) {\n this.img_index = index;\n this.link_show = true;\n },\n changeStyle(style) {\n this.style_visible = false;\n this.form.style = {\n label: style.label,\n styleId: style.styleId,\n };\n switch (style.styleId) {\n case 1:\n this.form.adv_list = this.$_common.deepClone(advArr);\n break;\n case 2:\n this.form.adv_list = this.$_common.deepClone(advArr).slice(0, 3);\n break;\n case 3:\n this.form.adv_list = this.$_common.deepClone(advArr).slice(0, 2);\n break;\n }\n },\n uploadSuccess(val, res, file, fileList) {\n this.form.adv_list[this.img_index].image = {\n name: file.name,\n url: val,\n };\n this.confirm();\n },\n beforeUpload(index) {\n this.img_index = index;\n },\n },\n };\n</script>\n\n<style scoped lang=\"scss\">\n .style-ul {\n display: flex;\n flex-wrap: wrap;\n .style-item {\n text-align: center;\n margin-right: 13px;\n margin-bottom: 15px;\n cursor: pointer;\n border: 1px solid #ededed;\n background: #f7f8fa;\n p {\n line-height: 30px;\n font-weight: 600;\n }\n .style-img {\n height: 224px;\n line-height: 224px;\n img {\n width: 280px;\n vertical-align: middle;\n }\n }\n }\n .style-on {\n border-color: #ff6a00;\n }\n }\n .style-size {\n width: 300px;\n border: 1px solid #eeeeee;\n margin: 10px auto;\n img {\n width: 100%;\n display: block;\n }\n }\n .up-url {\n margin-bottom: 5px;\n input {\n font-size: 12px;\n }\n }\n</style>\n"]}]}