Compare commits
No commits in common. 'lzx_branch' and 'master' have entirely different histories.
lzx_branch
...
master
@ -1,10 +0,0 @@
|
|||||||
# dependencies npm包文件
|
|
||||||
/node_modules
|
|
||||||
|
|
||||||
# production 打包文件
|
|
||||||
/dist
|
|
||||||
|
|
||||||
# misc
|
|
||||||
.DS_Store
|
|
||||||
|
|
||||||
npm-debug.log*
|
|
@ -1,5 +0,0 @@
|
|||||||
module.exports = {
|
|
||||||
presets: [
|
|
||||||
'@vue/cli-plugin-babel/preset'
|
|
||||||
]
|
|
||||||
}
|
|
After Width: | Height: | Size: 4.9 MiB |
@ -1,51 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "VueClient",
|
|
||||||
"version": "0.1.0",
|
|
||||||
"private": true,
|
|
||||||
"scripts": {
|
|
||||||
"dev": "vue-cli-service serve",
|
|
||||||
"build": "vue-cli-service build",
|
|
||||||
"lint": "vue-cli-service lint"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"axios": "^0.19.2",
|
|
||||||
"better-scroll": "^1.15.2",
|
|
||||||
"core-js": "^3.6.4",
|
|
||||||
"fastclick": "^1.0.6",
|
|
||||||
"vant": "^2.7.1",
|
|
||||||
"vue": "^2.6.11",
|
|
||||||
"vue-awesome-swiper": "^3.1.3",
|
|
||||||
"vue-lazyload": "^1.3.3",
|
|
||||||
"vue-router": "^3.1.5",
|
|
||||||
"vue-ueditor-wrap": "^2.4.4",
|
|
||||||
"vuex": "^3.1.2"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@vue/cli-plugin-babel": "^4.2.0",
|
|
||||||
"@vue/cli-plugin-eslint": "^4.2.0",
|
|
||||||
"@vue/cli-service": "^4.2.0",
|
|
||||||
"babel-eslint": "^10.0.3",
|
|
||||||
"eslint": "^6.7.2",
|
|
||||||
"eslint-plugin-vue": "^6.1.2",
|
|
||||||
"postcss-px-to-viewport": "^1.1.1",
|
|
||||||
"vue-template-compiler": "^2.6.11"
|
|
||||||
},
|
|
||||||
"eslintConfig": {
|
|
||||||
"root": true,
|
|
||||||
"env": {
|
|
||||||
"node": true
|
|
||||||
},
|
|
||||||
"extends": [
|
|
||||||
"plugin:vue/essential",
|
|
||||||
"eslint:recommended"
|
|
||||||
],
|
|
||||||
"parserOptions": {
|
|
||||||
"parser": "babel-eslint"
|
|
||||||
},
|
|
||||||
"rules": {}
|
|
||||||
},
|
|
||||||
"browserslist": [
|
|
||||||
"> 1%",
|
|
||||||
"last 2 versions"
|
|
||||||
]
|
|
||||||
}
|
|
@ -1,15 +0,0 @@
|
|||||||
module.exports = {
|
|
||||||
plugins: {
|
|
||||||
autoprefixer: {},
|
|
||||||
"postcss-px-to-viewport": { //iPhone6 750 x 1334
|
|
||||||
viewportWidth: 375, //视窗的宽度,对应的是设计稿的宽度
|
|
||||||
viewportHeight: 667, //视窗的高度,对应的是设计稿的高度(也可以不配置)
|
|
||||||
unitPrecision: 5, //指定'px'转换为vw时保留 5 位小数
|
|
||||||
viewportUnit: 'vw', //指定转换单位,一般使用 vw
|
|
||||||
selectorBlackList: ['.ignore'], //指定不需要转换的类名 《 ignore 》 另外 使用 ignore-xxx 的类也会忽略
|
|
||||||
minPixelValue: 1, //最小转换单位, 小于等于 1px 的就不进行转换
|
|
||||||
mediaQuery: false, //允许媒体查询转换 px
|
|
||||||
//exclude: [/TabBar/] //排除文件,使用正则表达式
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
Before Width: | Height: | Size: 4.2 KiB |
@ -1 +0,0 @@
|
|||||||
!function(a){var e,d='<svg><symbol id="icon-appreciate" viewBox="0 0 1024 1024"><path d="M873.6 416h-188.8c12.8-44.8 28.8-115.2 19.2-188.8-6.4-60.8-41.6-105.6-92.8-124.8-38.4-12.8-76.8-6.4-99.2 16-25.6 25.6-38.4 76.8-51.2 128-9.6 35.2-16 70.4-28.8 89.6-32 54.4-102.4 76.8-115.2 80H224c-19.2 0-32 12.8-32 32v448c0 19.2 12.8 32 32 32h547.2C896 928 960 537.6 960 515.2c0-57.6-44.8-99.2-86.4-99.2z m-102.4 444.8h-448H256V480H332.8c22.4-6.4 108.8-38.4 150.4-108.8 16-25.6 25.6-64 35.2-105.6 9.6-38.4 19.2-86.4 35.2-99.2 3.2-3.2 19.2-6.4 38.4 0 16 3.2 41.6 19.2 48 67.2 12.8 102.4-32 201.6-32 201.6-3.2 9.6-3.2 22.4 3.2 32 6.4 9.6 16 16 25.6 16h236.8c6.4 0 25.6 12.8 25.6 32-3.2 67.2-83.2 345.6-128 345.6zM96 416c-19.2 0-32 12.8-32 32v448c0 19.2 12.8 32 32 32s32-12.8 32-32V448c0-19.2-12.8-32-32-32z" fill="#676767" ></path></symbol><symbol id="icon-appreciate_fill" viewBox="0 0 1024 1024"><path d="M873.472 415.744h-188.928c12.8-45.056 28.672-115.2 19.456-188.928-6.144-60.928-41.472-105.472-92.672-124.928-38.4-12.8-76.8-6.144-99.328 15.872-25.6 25.6-38.4 76.8-51.2 128-9.728 35.328-15.872 70.144-28.672 89.6-31.744 54.272-102.4 76.8-115.2 79.872H224.256c-19.456 0-31.744 12.8-31.744 31.744V896c0 19.456 12.8 31.744 31.744 31.744h547.328c124.928 0 188.928-390.656 188.928-412.672-0.512-57.344-45.056-99.328-87.04-99.328z m-777.216 0c-18.944 0-31.744 12.8-31.744 31.744V896c0 19.456 12.8 31.744 31.744 31.744s31.744-12.8 31.744-31.744V448c0-18.944-12.8-32.256-31.744-32.256z" ></path></symbol></svg>',t=(e=document.getElementsByTagName("script"))[e.length-1].getAttribute("data-injectcss");if(t&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}!function(e){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(e,0);else{var t=function(){document.removeEventListener("DOMContentLoaded",t,!1),e()};document.addEventListener("DOMContentLoaded",t,!1)}else document.attachEvent&&(c=e,o=a.document,i=!1,(d=function(){try{o.documentElement.doScroll("left")}catch(e){return void setTimeout(d,50)}n()})(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,n())});function n(){i||(i=!0,c())}var c,o,i,d}(function(){var e,t,n,c,o,i;(e=document.createElement("div")).innerHTML=d,d=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",n=t,(c=document.body).firstChild?(o=n,(i=c.firstChild).parentNode.insertBefore(o,i)):c.appendChild(n))})}(window);
|
|
@ -1,25 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
|
|
||||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
|
||||||
<title>
|
|
||||||
<%= htmlWebpackPlugin.options.title %>
|
|
||||||
</title>
|
|
||||||
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=d1364d5e1c9de2663ae273ad4c5096a5"></script>
|
|
||||||
<!-- <script src="./iconfont.js"></script> -->
|
|
||||||
<script src="https://at.alicdn.com/t/font_1791767_8skej7sn3tj.js"></script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<noscript>
|
|
||||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
|
||||||
</noscript>
|
|
||||||
<div id="app"></div>
|
|
||||||
<!-- built files will be auto injected -->
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
@ -1,894 +0,0 @@
|
|||||||
@charset "utf-8";
|
|
||||||
/* dialog样式 */
|
|
||||||
.wrapper {
|
|
||||||
zoom: 1;
|
|
||||||
width: 630px;
|
|
||||||
*width: 626px;
|
|
||||||
height: 380px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 10px;
|
|
||||||
position: relative;
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*tab样式框大小*/
|
|
||||||
.tabhead {
|
|
||||||
float:left;
|
|
||||||
}
|
|
||||||
.tabbody {
|
|
||||||
width: 100%;
|
|
||||||
height: 346px;
|
|
||||||
position: relative;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbody .panel {
|
|
||||||
position: absolute;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
background: #fff;
|
|
||||||
overflow: hidden;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbody .panel.focus {
|
|
||||||
width: 100%;
|
|
||||||
height: 346px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 图片对齐方式 */
|
|
||||||
.alignBar{
|
|
||||||
float:right;
|
|
||||||
margin-top: 5px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alignBar .algnLabel{
|
|
||||||
float:left;
|
|
||||||
height: 20px;
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alignBar #alignIcon{
|
|
||||||
zoom:1;
|
|
||||||
_display: inline;
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.alignBar #alignIcon span{
|
|
||||||
float: left;
|
|
||||||
cursor: pointer;
|
|
||||||
display: block;
|
|
||||||
width: 19px;
|
|
||||||
height: 17px;
|
|
||||||
margin-right: 3px;
|
|
||||||
margin-left: 3px;
|
|
||||||
background-image: url(./images/alignicon.jpg);
|
|
||||||
}
|
|
||||||
.alignBar #alignIcon .none-align{
|
|
||||||
background-position: 0 -18px;
|
|
||||||
}
|
|
||||||
.alignBar #alignIcon .left-align{
|
|
||||||
background-position: -20px -18px;
|
|
||||||
}
|
|
||||||
.alignBar #alignIcon .right-align{
|
|
||||||
background-position: -40px -18px;
|
|
||||||
}
|
|
||||||
.alignBar #alignIcon .center-align{
|
|
||||||
background-position: -60px -18px;
|
|
||||||
}
|
|
||||||
.alignBar #alignIcon .none-align.focus{
|
|
||||||
background-position: 0 0;
|
|
||||||
}
|
|
||||||
.alignBar #alignIcon .left-align.focus{
|
|
||||||
background-position: -20px 0;
|
|
||||||
}
|
|
||||||
.alignBar #alignIcon .right-align.focus{
|
|
||||||
background-position: -40px 0;
|
|
||||||
}
|
|
||||||
.alignBar #alignIcon .center-align.focus{
|
|
||||||
background-position: -60px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* 远程图片样式 */
|
|
||||||
#remote {
|
|
||||||
z-index: 200;
|
|
||||||
}
|
|
||||||
|
|
||||||
#remote .top{
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 25px;
|
|
||||||
}
|
|
||||||
#remote .left{
|
|
||||||
display: block;
|
|
||||||
float: left;
|
|
||||||
width: 300px;
|
|
||||||
height:10px;
|
|
||||||
}
|
|
||||||
#remote .right{
|
|
||||||
display: block;
|
|
||||||
float: right;
|
|
||||||
width: 300px;
|
|
||||||
height:10px;
|
|
||||||
}
|
|
||||||
#remote .row{
|
|
||||||
margin-left: 20px;
|
|
||||||
clear: both;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#remote .row label{
|
|
||||||
text-align: center;
|
|
||||||
width: 50px;
|
|
||||||
zoom:1;
|
|
||||||
_display: inline;
|
|
||||||
display:inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
#remote .row label.algnLabel{
|
|
||||||
float: left;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#remote input.text{
|
|
||||||
width: 150px;
|
|
||||||
padding: 3px 6px;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 1.42857143;
|
|
||||||
color: #555;
|
|
||||||
background-color: #fff;
|
|
||||||
background-image: none;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
border-radius: 4px;
|
|
||||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
||||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
||||||
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
||||||
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
||||||
}
|
|
||||||
#remote input.text:focus {
|
|
||||||
border-color: #66afe9;
|
|
||||||
outline: 0;
|
|
||||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
|
|
||||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
|
|
||||||
}
|
|
||||||
#remote #url{
|
|
||||||
width: 500px;
|
|
||||||
margin-bottom: 2px;
|
|
||||||
}
|
|
||||||
#remote #width,
|
|
||||||
#remote #height{
|
|
||||||
width: 20px;
|
|
||||||
margin-left: 2px;
|
|
||||||
margin-right: 2px;
|
|
||||||
}
|
|
||||||
#remote #border,
|
|
||||||
#remote #vhSpace,
|
|
||||||
#remote #title{
|
|
||||||
width: 180px;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
#remote #lock{
|
|
||||||
}
|
|
||||||
#remote #lockicon{
|
|
||||||
zoom: 1;
|
|
||||||
_display:inline;
|
|
||||||
display: inline-block;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
background: url("../../themes/default/images/lock.gif") -13px -13px no-repeat;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
#remote #preview{
|
|
||||||
clear: both;
|
|
||||||
width: 260px;
|
|
||||||
height: 240px;
|
|
||||||
z-index: 9999;
|
|
||||||
margin-top: 10px;
|
|
||||||
background-color: #eee;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 上传图片 */
|
|
||||||
.tabbody #upload.panel {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute !important;
|
|
||||||
clip: rect(1px, 1px, 1px, 1px);
|
|
||||||
background: #fff;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbody #upload.panel.focus {
|
|
||||||
width: 100%;
|
|
||||||
height: 346px;
|
|
||||||
display: block;
|
|
||||||
clip: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .queueList {
|
|
||||||
margin: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: absolute;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload p {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.element-invisible {
|
|
||||||
width: 0 !important;
|
|
||||||
height: 0 !important;
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute !important;
|
|
||||||
clip: rect(1px, 1px, 1px, 1px);
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .placeholder {
|
|
||||||
margin: 10px;
|
|
||||||
border: 2px dashed #e6e6e6;
|
|
||||||
*border: 0px dashed #e6e6e6;
|
|
||||||
height: 172px;
|
|
||||||
padding-top: 150px;
|
|
||||||
text-align: center;
|
|
||||||
background: url(./images/image.png) center 70px no-repeat;
|
|
||||||
color: #cccccc;
|
|
||||||
font-size: 18px;
|
|
||||||
position: relative;
|
|
||||||
top:0;
|
|
||||||
*top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .placeholder .webuploader-pick {
|
|
||||||
font-size: 18px;
|
|
||||||
background: #00b7ee;
|
|
||||||
border-radius: 3px;
|
|
||||||
line-height: 44px;
|
|
||||||
padding: 0 30px;
|
|
||||||
*width: 120px;
|
|
||||||
color: #fff;
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 auto 20px auto;
|
|
||||||
cursor: pointer;
|
|
||||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .placeholder .webuploader-pick-hover {
|
|
||||||
background: #00a2d4;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#filePickerContainer {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .placeholder .flashTip {
|
|
||||||
color: #666666;
|
|
||||||
font-size: 12px;
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .placeholder .flashTip a {
|
|
||||||
color: #0785d1;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .placeholder .flashTip a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .placeholder.webuploader-dnd-over {
|
|
||||||
border-color: #999999;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
position: relative;
|
|
||||||
height: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist:after {
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
clear: both;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist li {
|
|
||||||
width: 113px;
|
|
||||||
height: 113px;
|
|
||||||
background: url(./images/bg.png);
|
|
||||||
text-align: center;
|
|
||||||
margin: 9px 0 0 9px;
|
|
||||||
*margin: 6px 0 0 6px;
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
float: left;
|
|
||||||
overflow: hidden;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist li p.log {
|
|
||||||
position: relative;
|
|
||||||
top: -45px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist li p.title {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
top: 5px;
|
|
||||||
text-indent: 5px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist li p.progress {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
height: 8px;
|
|
||||||
overflow: hidden;
|
|
||||||
z-index: 50;
|
|
||||||
margin: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
background: none;
|
|
||||||
-webkit-box-shadow: 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist li p.progress span {
|
|
||||||
display: none;
|
|
||||||
overflow: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 100%;
|
|
||||||
background: #1483d8 url(./images/progress.png) repeat-x;
|
|
||||||
|
|
||||||
-webit-transition: width 200ms linear;
|
|
||||||
-moz-transition: width 200ms linear;
|
|
||||||
-o-transition: width 200ms linear;
|
|
||||||
-ms-transition: width 200ms linear;
|
|
||||||
transition: width 200ms linear;
|
|
||||||
|
|
||||||
-webkit-animation: progressmove 2s linear infinite;
|
|
||||||
-moz-animation: progressmove 2s linear infinite;
|
|
||||||
-o-animation: progressmove 2s linear infinite;
|
|
||||||
-ms-animation: progressmove 2s linear infinite;
|
|
||||||
animation: progressmove 2s linear infinite;
|
|
||||||
|
|
||||||
-webkit-transform: translateZ(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes progressmove {
|
|
||||||
0% {
|
|
||||||
background-position: 0 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
background-position: 17px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@-moz-keyframes progressmove {
|
|
||||||
0% {
|
|
||||||
background-position: 0 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
background-position: 17px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes progressmove {
|
|
||||||
0% {
|
|
||||||
background-position: 0 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
background-position: 17px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist li p.imgWrap {
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
line-height: 113px;
|
|
||||||
vertical-align: middle;
|
|
||||||
overflow: hidden;
|
|
||||||
width: 113px;
|
|
||||||
height: 113px;
|
|
||||||
|
|
||||||
-webkit-transform-origin: 50% 50%;
|
|
||||||
-moz-transform-origin: 50% 50%;
|
|
||||||
-o-transform-origin: 50% 50%;
|
|
||||||
-ms-transform-origin: 50% 50%;
|
|
||||||
transform-origin: 50% 50%;
|
|
||||||
|
|
||||||
-webit-transition: 200ms ease-out;
|
|
||||||
-moz-transition: 200ms ease-out;
|
|
||||||
-o-transition: 200ms ease-out;
|
|
||||||
-ms-transition: 200ms ease-out;
|
|
||||||
transition: 200ms ease-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist li img {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist li p.error {
|
|
||||||
background: #f43838;
|
|
||||||
color: #fff;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
height: 28px;
|
|
||||||
line-height: 28px;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 100;
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist li .success {
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
height: 40px;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 200;
|
|
||||||
background: url(./images/success.png) no-repeat right bottom;
|
|
||||||
background: url(./images/success.gif) no-repeat right bottom \9;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist li.filePickerBlock {
|
|
||||||
width: 113px;
|
|
||||||
height: 113px;
|
|
||||||
background: url(./images/image.png) no-repeat center 12px;
|
|
||||||
border: 1px solid #eeeeee;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
#upload .filelist li.filePickerBlock div.webuploader-pick {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
opacity: 0;
|
|
||||||
background: none;
|
|
||||||
font-size: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist div.file-panel {
|
|
||||||
position: absolute;
|
|
||||||
height: 0;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000') \0;
|
|
||||||
background: rgba(0, 0, 0, 0.5);
|
|
||||||
width: 100%;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
z-index: 300;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist div.file-panel span {
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
display: inline;
|
|
||||||
float: right;
|
|
||||||
text-indent: -9999px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: url(./images/icons.png) no-repeat;
|
|
||||||
background: url(./images/icons.gif) no-repeat \9;
|
|
||||||
margin: 5px 1px 1px;
|
|
||||||
cursor: pointer;
|
|
||||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist div.file-panel span.rotateLeft {
|
|
||||||
display:none;
|
|
||||||
background-position: 0 -24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist div.file-panel span.rotateLeft:hover {
|
|
||||||
background-position: 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist div.file-panel span.rotateRight {
|
|
||||||
display:none;
|
|
||||||
background-position: -24px -24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist div.file-panel span.rotateRight:hover {
|
|
||||||
background-position: -24px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist div.file-panel span.cancel {
|
|
||||||
background-position: -48px -24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .filelist div.file-panel span.cancel:hover {
|
|
||||||
background-position: -48px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .statusBar {
|
|
||||||
height: 45px;
|
|
||||||
border-bottom: 1px solid #dadada;
|
|
||||||
margin: 0 10px;
|
|
||||||
padding: 0;
|
|
||||||
line-height: 45px;
|
|
||||||
vertical-align: middle;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .statusBar .progress {
|
|
||||||
border: 1px solid #1483d8;
|
|
||||||
width: 198px;
|
|
||||||
background: #fff;
|
|
||||||
height: 18px;
|
|
||||||
position: absolute;
|
|
||||||
top: 12px;
|
|
||||||
display: none;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 18px;
|
|
||||||
color: #6dbfff;
|
|
||||||
margin: 0 10px 0 0;
|
|
||||||
}
|
|
||||||
#upload .statusBar .progress span.percentage {
|
|
||||||
width: 0;
|
|
||||||
height: 100%;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
background: #1483d8;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
#upload .statusBar .progress span.text {
|
|
||||||
position: relative;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .statusBar .info {
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #666666;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .statusBar .btns {
|
|
||||||
position: absolute;
|
|
||||||
top: 7px;
|
|
||||||
right: 0;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#filePickerBtn {
|
|
||||||
display: inline-block;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
#upload .statusBar .btns .webuploader-pick,
|
|
||||||
#upload .statusBar .btns .uploadBtn,
|
|
||||||
#upload .statusBar .btns .uploadBtn.state-uploading,
|
|
||||||
#upload .statusBar .btns .uploadBtn.state-paused {
|
|
||||||
background: #ffffff;
|
|
||||||
border: 1px solid #cfcfcf;
|
|
||||||
color: #565656;
|
|
||||||
padding: 0 18px;
|
|
||||||
display: inline-block;
|
|
||||||
border-radius: 3px;
|
|
||||||
margin-left: 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 14px;
|
|
||||||
float: left;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
#upload .statusBar .btns .webuploader-pick-hover,
|
|
||||||
#upload .statusBar .btns .uploadBtn:hover,
|
|
||||||
#upload .statusBar .btns .uploadBtn.state-uploading:hover,
|
|
||||||
#upload .statusBar .btns .uploadBtn.state-paused:hover {
|
|
||||||
background: #f0f0f0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .statusBar .btns .uploadBtn,
|
|
||||||
#upload .statusBar .btns .uploadBtn.state-paused{
|
|
||||||
background: #00b7ee;
|
|
||||||
color: #fff;
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
#upload .statusBar .btns .uploadBtn:hover,
|
|
||||||
#upload .statusBar .btns .uploadBtn.state-paused:hover{
|
|
||||||
background: #00a2d4;
|
|
||||||
}
|
|
||||||
|
|
||||||
#upload .statusBar .btns .uploadBtn.disabled {
|
|
||||||
pointer-events: none;
|
|
||||||
filter:alpha(opacity=60);
|
|
||||||
-moz-opacity:0.6;
|
|
||||||
-khtml-opacity: 0.6;
|
|
||||||
opacity: 0.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* 图片管理样式 */
|
|
||||||
#online {
|
|
||||||
width: 100%;
|
|
||||||
height: 336px;
|
|
||||||
padding: 10px 0 0 0;
|
|
||||||
}
|
|
||||||
#online #imageList{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
#online ul {
|
|
||||||
display: block;
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
#online li {
|
|
||||||
float: left;
|
|
||||||
display: block;
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
width: 113px;
|
|
||||||
height: 113px;
|
|
||||||
margin: 0 0 9px 9px;
|
|
||||||
*margin: 0 0 6px 6px;
|
|
||||||
background-color: #eee;
|
|
||||||
overflow: hidden;
|
|
||||||
cursor: pointer;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
#online li.clearFloat {
|
|
||||||
float: none;
|
|
||||||
clear: both;
|
|
||||||
display: block;
|
|
||||||
width:0;
|
|
||||||
height:0;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
#online li img {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
#online li .icon {
|
|
||||||
cursor: pointer;
|
|
||||||
width: 113px;
|
|
||||||
height: 113px;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 2;
|
|
||||||
border: 0;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
#online li .icon:hover {
|
|
||||||
width: 107px;
|
|
||||||
height: 107px;
|
|
||||||
border: 3px solid #1094fa;
|
|
||||||
}
|
|
||||||
#online li.selected .icon {
|
|
||||||
background-image: url(images/success.png);
|
|
||||||
background-image: url(images/success.gif)\9;
|
|
||||||
background-position: 75px 75px;
|
|
||||||
}
|
|
||||||
#online li.selected .icon:hover {
|
|
||||||
width: 107px;
|
|
||||||
height: 107px;
|
|
||||||
border: 3px solid #1094fa;
|
|
||||||
background-position: 72px 72px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* 图片搜索样式 */
|
|
||||||
#search .searchBar {
|
|
||||||
width: 100%;
|
|
||||||
height: 30px;
|
|
||||||
margin: 10px 0 5px 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search input.text{
|
|
||||||
width: 150px;
|
|
||||||
padding: 3px 6px;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 1.42857143;
|
|
||||||
color: #555;
|
|
||||||
background-color: #fff;
|
|
||||||
background-image: none;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
border-radius: 4px;
|
|
||||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
||||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
||||||
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
||||||
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
||||||
}
|
|
||||||
#search input.text:focus {
|
|
||||||
border-color: #66afe9;
|
|
||||||
outline: 0;
|
|
||||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
|
|
||||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
|
|
||||||
}
|
|
||||||
#search input.searchTxt {
|
|
||||||
margin-left:5px;
|
|
||||||
padding-left: 5px;
|
|
||||||
background: #FFF;
|
|
||||||
width: 300px;
|
|
||||||
*width: 260px;
|
|
||||||
height: 21px;
|
|
||||||
line-height: 21px;
|
|
||||||
float: left;
|
|
||||||
dislay: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search .searchType {
|
|
||||||
width: 65px;
|
|
||||||
height: 28px;
|
|
||||||
padding:0;
|
|
||||||
line-height: 28px;
|
|
||||||
border: 1px solid #d7d7d7;
|
|
||||||
border-radius: 0;
|
|
||||||
vertical-align: top;
|
|
||||||
margin-left: 5px;
|
|
||||||
float: left;
|
|
||||||
dislay: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search #searchBtn,
|
|
||||||
#search #searchReset {
|
|
||||||
display: inline-block;
|
|
||||||
margin-bottom: 0;
|
|
||||||
margin-right: 5px;
|
|
||||||
padding: 4px 10px;
|
|
||||||
font-weight: 400;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
cursor: pointer;
|
|
||||||
background-image: none;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
white-space: nowrap;
|
|
||||||
font-size: 14px;
|
|
||||||
border-radius: 4px;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
vertical-align: top;
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search #searchBtn {
|
|
||||||
color: white;
|
|
||||||
border-color: #285e8e;
|
|
||||||
background-color: #3b97d7;
|
|
||||||
}
|
|
||||||
#search #searchReset {
|
|
||||||
color: #333;
|
|
||||||
border-color: #ccc;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
#search #searchBtn:hover {
|
|
||||||
background-color: #3276b1;
|
|
||||||
}
|
|
||||||
#search #searchReset:hover {
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search .msg {
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search .searchList{
|
|
||||||
width: 100%;
|
|
||||||
height: 300px;
|
|
||||||
overflow: hidden;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
#search .searchList ul{
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
list-style:none;
|
|
||||||
clear: both;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
zoom: 1;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search .searchList li {
|
|
||||||
list-style:none;
|
|
||||||
float: left;
|
|
||||||
display: block;
|
|
||||||
width: 115px;
|
|
||||||
margin: 5px 10px 5px 20px;
|
|
||||||
*margin: 5px 10px 5px 15px;
|
|
||||||
padding:0;
|
|
||||||
font-size: 12px;
|
|
||||||
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
|
|
||||||
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
|
|
||||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
|
|
||||||
position: relative;
|
|
||||||
vertical-align: top;
|
|
||||||
text-align: center;
|
|
||||||
overflow: hidden;
|
|
||||||
cursor: pointer;
|
|
||||||
filter: alpha(Opacity=100);
|
|
||||||
-moz-opacity: 1;
|
|
||||||
opacity: 1;
|
|
||||||
border: 2px solid #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search .searchList li.selected {
|
|
||||||
filter: alpha(Opacity=40);
|
|
||||||
-moz-opacity: 0.4;
|
|
||||||
opacity: 0.4;
|
|
||||||
border: 2px solid #00a0e9;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search .searchList li p {
|
|
||||||
background-color: #eee;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
position: relative;
|
|
||||||
width:100%;
|
|
||||||
height:115px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search .searchList li p img {
|
|
||||||
cursor: pointer;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search .searchList li a {
|
|
||||||
color: #999;
|
|
||||||
border-top: 1px solid #F2F2F2;
|
|
||||||
background: #FAFAFA;
|
|
||||||
text-align: center;
|
|
||||||
display: block;
|
|
||||||
padding: 0 5px;
|
|
||||||
width: 105px;
|
|
||||||
height:32px;
|
|
||||||
line-height:32px;
|
|
||||||
white-space:nowrap;
|
|
||||||
text-overflow:ellipsis;
|
|
||||||
text-decoration: none;
|
|
||||||
overflow: hidden;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search .searchList a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
#search .searchList .clearFloat{
|
|
||||||
clear: both;
|
|
||||||
}
|
|
@ -1,120 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>ueditor图片对话框</title>
|
|
||||||
<script type="text/javascript" src="../internal.js"></script>
|
|
||||||
|
|
||||||
<!-- jquery -->
|
|
||||||
<script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script>
|
|
||||||
|
|
||||||
<!-- webuploader -->
|
|
||||||
<script src="../../third-party/webuploader/webuploader.min.js"></script>
|
|
||||||
<link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css">
|
|
||||||
|
|
||||||
<!-- image dialog -->
|
|
||||||
<link rel="stylesheet" href="image.css" type="text/css" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div class="wrapper">
|
|
||||||
<div id="tabhead" class="tabhead">
|
|
||||||
<span class="tab" data-content-id="remote"><var id="lang_tab_remote"></var></span>
|
|
||||||
<span class="tab focus" data-content-id="upload"><var id="lang_tab_upload"></var></span>
|
|
||||||
<span class="tab" data-content-id="online"><var id="lang_tab_online"></var></span>
|
|
||||||
<span class="tab" data-content-id="search"><var id="lang_tab_search"></var></span>
|
|
||||||
</div>
|
|
||||||
<div class="alignBar">
|
|
||||||
<label class="algnLabel"><var id="lang_input_align"></var></label>
|
|
||||||
<span id="alignIcon">
|
|
||||||
<span id="noneAlign" class="none-align focus" data-align="none"></span>
|
|
||||||
<span id="leftAlign" class="left-align" data-align="left"></span>
|
|
||||||
<span id="rightAlign" class="right-align" data-align="right"></span>
|
|
||||||
<span id="centerAlign" class="center-align" data-align="center"></span>
|
|
||||||
</span>
|
|
||||||
<input id="align" name="align" type="hidden" value="none"/>
|
|
||||||
</div>
|
|
||||||
<div id="tabbody" class="tabbody">
|
|
||||||
|
|
||||||
<!-- 远程图片 -->
|
|
||||||
<div id="remote" class="panel">
|
|
||||||
<div class="top">
|
|
||||||
<div class="row">
|
|
||||||
<label for="url"><var id="lang_input_url"></var></label>
|
|
||||||
<span><input class="text" id="url" type="text"/></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="left">
|
|
||||||
<div class="row">
|
|
||||||
<label><var id="lang_input_size"></var></label>
|
|
||||||
<span><var id="lang_input_width"> </var><input class="text" type="text" id="width"/>px </span>
|
|
||||||
<span><var id="lang_input_height"> </var><input class="text" type="text" id="height"/>px </span>
|
|
||||||
<span><input id="lock" type="checkbox" disabled="disabled"><span id="lockicon"></span></span>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<label><var id="lang_input_border"></var></label>
|
|
||||||
<span><input class="text" type="text" id="border"/>px </span>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<label><var id="lang_input_vhspace"></var></label>
|
|
||||||
<span><input class="text" type="text" id="vhSpace"/>px </span>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<label><var id="lang_input_title"></var></label>
|
|
||||||
<span><input class="text" type="text" id="title"/></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="right"><div id="preview"></div></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 上传图片 -->
|
|
||||||
<div id="upload" class="panel focus">
|
|
||||||
<div id="queueList" class="queueList">
|
|
||||||
<div class="statusBar element-invisible">
|
|
||||||
<div class="progress">
|
|
||||||
<span class="text">0%</span>
|
|
||||||
<span class="percentage"></span>
|
|
||||||
</div><div class="info"></div>
|
|
||||||
<div class="btns">
|
|
||||||
<div id="filePickerBtn"></div>
|
|
||||||
<div class="uploadBtn"><var id="lang_start_upload"></var></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="dndArea" class="placeholder">
|
|
||||||
<div class="filePickerContainer">
|
|
||||||
<div id="filePickerReady"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<ul class="filelist element-invisible">
|
|
||||||
<li id="filePickerBlock" class="filePickerBlock"></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 在线图片 -->
|
|
||||||
<div id="online" class="panel">
|
|
||||||
<div id="imageList"><var id="lang_imgLoading"></var></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 搜索图片 -->
|
|
||||||
<div id="search" class="panel">
|
|
||||||
<div class="searchBar">
|
|
||||||
<input id="searchTxt" class="searchTxt text" type="text" />
|
|
||||||
<select id="searchType" class="searchType">
|
|
||||||
<option value="&s=4&z=0"></option>
|
|
||||||
<option value="&s=1&z=19"></option>
|
|
||||||
<option value="&s=2&z=0"></option>
|
|
||||||
<option value="&s=3&z=0"></option>
|
|
||||||
</select>
|
|
||||||
<input id="searchReset" type="button" />
|
|
||||||
<input id="searchBtn" type="button" />
|
|
||||||
</div>
|
|
||||||
<div id="searchList" class="searchList"><ul id="searchListUl"></ul></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script type="text/javascript" src="image.js"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 453 B |
Before Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 445 B |
Before Width: | Height: | Size: 1.6 KiB |
@ -1,14 +0,0 @@
|
|||||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
||||||
import="com.baidu.ueditor.ActionEnter"
|
|
||||||
pageEncoding="UTF-8"%>
|
|
||||||
<%@ page trimDirectiveWhitespaces="true" %>
|
|
||||||
<%
|
|
||||||
|
|
||||||
request.setCharacterEncoding( "utf-8" );
|
|
||||||
response.setHeader("Content-Type" , "text/html");
|
|
||||||
|
|
||||||
String rootPath = application.getRealPath( "/" );
|
|
||||||
|
|
||||||
out.write( new ActionEnter( request, rootPath ).exec() );
|
|
||||||
|
|
||||||
%>
|
|
Before Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 6.8 KiB |
Before Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 6.5 KiB |
@ -1,100 +0,0 @@
|
|||||||
/*弹出对话框页面样式组件
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*reset
|
|
||||||
*/
|
|
||||||
html, body, div, span, applet, object, iframe,
|
|
||||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
||||||
a, abbr, acronym, address, big, cite, code,
|
|
||||||
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
|
||||||
small, strike, strong, sub, sup, tt, var,
|
|
||||||
b, u, i, center,
|
|
||||||
dl, dt, dd, ol, ul, li,
|
|
||||||
fieldset, form, label, legend,
|
|
||||||
table, caption, tbody, tfoot, thead, tr, th, td {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
outline: 0;
|
|
||||||
font-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol, ul {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote, q {
|
|
||||||
quotes: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
ins {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
del {
|
|
||||||
text-decoration: line-through;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*module
|
|
||||||
*/
|
|
||||||
body {
|
|
||||||
background-color: #fff;
|
|
||||||
font: 12px/1.5 sans-serif, "宋体", "Arial Narrow", HELVETICA;
|
|
||||||
color: #646464;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*tab*/
|
|
||||||
.tabhead {
|
|
||||||
position: relative;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabhead span {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 0 5px;
|
|
||||||
height: 30px;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
background: url("images/dialog-title-bg.png") repeat-x;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 30px;
|
|
||||||
cursor: pointer;
|
|
||||||
*margin-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabhead span.focus {
|
|
||||||
height: 31px;
|
|
||||||
border-bottom: none;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbody {
|
|
||||||
position: relative;
|
|
||||||
top: -1px;
|
|
||||||
margin: 0 auto;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*button*/
|
|
||||||
a.button {
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 24px;
|
|
||||||
text-decoration: none;
|
|
||||||
height: 24px;
|
|
||||||
width: 95px;
|
|
||||||
border: 0;
|
|
||||||
color: #838383;
|
|
||||||
background: url(../../themes/default/images/icons-all.gif) no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.button:hover {
|
|
||||||
background-position: 0 -30px;
|
|
||||||
}
|
|
Before Width: | Height: | Size: 184 B |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 518 B |
Before Width: | Height: | Size: 253 B |
Before Width: | Height: | Size: 175 B |
Before Width: | Height: | Size: 370 B |
Before Width: | Height: | Size: 177 B |
Before Width: | Height: | Size: 938 B |
Before Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 111 B |
Before Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 3.1 KiB |
Before Width: | Height: | Size: 734 B |
Before Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 216 B |
Before Width: | Height: | Size: 54 B |
Before Width: | Height: | Size: 167 B |
Before Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 43 B |
Before Width: | Height: | Size: 122 B |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 17 KiB |
Before Width: | Height: | Size: 170 B |
Before Width: | Height: | Size: 111 B |
Before Width: | Height: | Size: 6.5 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1019 B |
Before Width: | Height: | Size: 6.3 KiB |
@ -1 +0,0 @@
|
|||||||
/*可以在这里添加你自己的css*/
|
|
@ -1,104 +0,0 @@
|
|||||||
.CodeMirror {
|
|
||||||
line-height: 1em;
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CodeMirror-scroll {
|
|
||||||
overflow: auto;
|
|
||||||
height: 300px;
|
|
||||||
/* This is needed to prevent an IE[67] bug where the scrolled content
|
|
||||||
is visible outside of the scrolling box. */
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CodeMirror-gutter {
|
|
||||||
position: absolute; left: 0; top: 0;
|
|
||||||
z-index: 10;
|
|
||||||
background-color: #f7f7f7;
|
|
||||||
border-right: 1px solid #eee;
|
|
||||||
min-width: 2em;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.CodeMirror-gutter-text {
|
|
||||||
color: #aaa;
|
|
||||||
text-align: right;
|
|
||||||
padding: .4em .2em .4em .4em;
|
|
||||||
white-space: pre !important;
|
|
||||||
}
|
|
||||||
.CodeMirror-lines {
|
|
||||||
padding: .4em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CodeMirror pre {
|
|
||||||
-moz-border-radius: 0;
|
|
||||||
-webkit-border-radius: 0;
|
|
||||||
-o-border-radius: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
border-width: 0; margin: 0; padding: 0; background: transparent;
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
padding: 0; margin: 0;
|
|
||||||
white-space: pre;
|
|
||||||
word-wrap: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CodeMirror-wrap pre {
|
|
||||||
word-wrap: break-word;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
}
|
|
||||||
.CodeMirror-wrap .CodeMirror-scroll {
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CodeMirror textarea {
|
|
||||||
outline: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.CodeMirror pre.CodeMirror-cursor {
|
|
||||||
z-index: 10;
|
|
||||||
position: absolute;
|
|
||||||
visibility: hidden;
|
|
||||||
border-left: 1px solid black;
|
|
||||||
}
|
|
||||||
.CodeMirror-focused pre.CodeMirror-cursor {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
span.CodeMirror-selected { background: #d9d9d9; }
|
|
||||||
.CodeMirror-focused span.CodeMirror-selected { background: #d2dcf8; }
|
|
||||||
|
|
||||||
.CodeMirror-searching {background: #ffa;}
|
|
||||||
|
|
||||||
/* Default theme */
|
|
||||||
|
|
||||||
.cm-s-default span.cm-keyword {color: #708;}
|
|
||||||
.cm-s-default span.cm-atom {color: #219;}
|
|
||||||
.cm-s-default span.cm-number {color: #164;}
|
|
||||||
.cm-s-default span.cm-def {color: #00f;}
|
|
||||||
.cm-s-default span.cm-variable {color: black;}
|
|
||||||
.cm-s-default span.cm-variable-2 {color: #05a;}
|
|
||||||
.cm-s-default span.cm-variable-3 {color: #085;}
|
|
||||||
.cm-s-default span.cm-property {color: black;}
|
|
||||||
.cm-s-default span.cm-operator {color: black;}
|
|
||||||
.cm-s-default span.cm-comment {color: #a50;}
|
|
||||||
.cm-s-default span.cm-string {color: #a11;}
|
|
||||||
.cm-s-default span.cm-string-2 {color: #f50;}
|
|
||||||
.cm-s-default span.cm-meta {color: #555;}
|
|
||||||
.cm-s-default span.cm-error {color: #f00;}
|
|
||||||
.cm-s-default span.cm-qualifier {color: #555;}
|
|
||||||
.cm-s-default span.cm-builtin {color: #30a;}
|
|
||||||
.cm-s-default span.cm-bracket {color: #cc7;}
|
|
||||||
.cm-s-default span.cm-tag {color: #170;}
|
|
||||||
.cm-s-default span.cm-attribute {color: #00c;}
|
|
||||||
.cm-s-default span.cm-header {color: #a0a;}
|
|
||||||
.cm-s-default span.cm-quote {color: #090;}
|
|
||||||
.cm-s-default span.cm-hr {color: #999;}
|
|
||||||
.cm-s-default span.cm-link {color: #00c;}
|
|
||||||
|
|
||||||
span.cm-header, span.cm-strong {font-weight: bold;}
|
|
||||||
span.cm-em {font-style: italic;}
|
|
||||||
span.cm-emstrong {font-style: italic; font-weight: bold;}
|
|
||||||
span.cm-link {text-decoration: underline;}
|
|
||||||
|
|
||||||
div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
|
|
||||||
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
|
@ -1,62 +0,0 @@
|
|||||||
<template> <div id="app">
|
|
||||||
<keep-alive include="UserInfoList,AreaList,LookingForList,LookingForUserList,LostFoundList,LostFoundUserList,ClaimList,PraiseList,NoticeList">
|
|
||||||
<router-view></router-view>
|
|
||||||
</keep-alive>
|
|
||||||
<!-- tab-bar -->
|
|
||||||
<main-tab-bar class="tab" v-show="this.show"></main-tab-bar>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import MainTabBar from './components/content/mainTabBar/MainTabBar'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'App',
|
|
||||||
components: {
|
|
||||||
MainTabBar
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
show: true,
|
|
||||||
path: [ '/home',
|
|
||||||
'/userInfo/list',
|
|
||||||
'/area/list',
|
|
||||||
'/lookingFor/list',
|
|
||||||
'/lostFound/list',
|
|
||||||
'/claim/list',
|
|
||||||
'/praise/list',
|
|
||||||
'/notice/list',
|
|
||||||
'/profile'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
$route() {
|
|
||||||
if(this.path.indexOf(this.$route.path) != -1) {
|
|
||||||
this.show = true
|
|
||||||
}else {
|
|
||||||
this.show = false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
console.log('Vue App Start ...')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
@import './assets/css/base.css';
|
|
||||||
@import './assets/css/resetVant.css';
|
|
||||||
|
|
||||||
#app {
|
|
||||||
width: 100vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
@ -1,78 +0,0 @@
|
|||||||
.nav {
|
|
||||||
background-color: #54bf8e;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
position: fixed;
|
|
||||||
top: 50px;
|
|
||||||
left: 0;
|
|
||||||
right: 0px;
|
|
||||||
bottom: 49px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.block {
|
|
||||||
height: 88px;
|
|
||||||
}
|
|
||||||
.ignore-pull-down1,
|
|
||||||
.ignore-pull-down2 {
|
|
||||||
height: 80px;
|
|
||||||
width: 100vw;
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
top: -80px;
|
|
||||||
line-height: 80px;
|
|
||||||
}
|
|
||||||
.ignore-pull-down2 {
|
|
||||||
line-height: 120px;
|
|
||||||
}
|
|
||||||
.loading {
|
|
||||||
width: 60px;
|
|
||||||
height: 20px;
|
|
||||||
background-color: pink;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate3d(-50%, 0, 0);
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.ball1,
|
|
||||||
.ball2,
|
|
||||||
.ball3 {
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
background-color: #4fc08d;
|
|
||||||
border-radius: 50%;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 10px;
|
|
||||||
}
|
|
||||||
.ball1 {
|
|
||||||
right: calc(50% + 15px);
|
|
||||||
}
|
|
||||||
.ball2 {
|
|
||||||
left: calc(50% - 5px);
|
|
||||||
}
|
|
||||||
.ball3 {
|
|
||||||
left: calc(50% + 15px);
|
|
||||||
}
|
|
||||||
.ball1 {
|
|
||||||
animation: loading 1.2s linear infinite;
|
|
||||||
}
|
|
||||||
.ball2 {
|
|
||||||
animation: loading 1.2s 0.4s linear infinite;
|
|
||||||
}
|
|
||||||
.ball3 {
|
|
||||||
animation: loading 1.2s 0.8s linear infinite;
|
|
||||||
}
|
|
||||||
@keyframes loading {
|
|
||||||
16.667% {
|
|
||||||
transform: scale(2);
|
|
||||||
}
|
|
||||||
33.333% {
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,419 +0,0 @@
|
|||||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
||||||
|
|
||||||
|
|
||||||
/* Document
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the line height in all browsers.
|
|
||||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
|
||||||
*/
|
|
||||||
|
|
||||||
html {
|
|
||||||
line-height: 1.15;
|
|
||||||
/* 1 */
|
|
||||||
-webkit-text-size-adjust: 100%;
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Sections
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the margin in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Render the `main` element consistently in IE.
|
|
||||||
*/
|
|
||||||
|
|
||||||
main {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the font size and margin on `h1` elements within `section` and
|
|
||||||
* `article` contexts in Chrome, Firefox, and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2em;
|
|
||||||
margin: 0.67em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Grouping content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Add the correct box sizing in Firefox.
|
|
||||||
* 2. Show the overflow in Edge and IE.
|
|
||||||
*/
|
|
||||||
|
|
||||||
hr {
|
|
||||||
box-sizing: content-box;
|
|
||||||
/* 1 */
|
|
||||||
height: 0;
|
|
||||||
/* 1 */
|
|
||||||
overflow: visible;
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
pre {
|
|
||||||
font-family: monospace, monospace;
|
|
||||||
/* 1 */
|
|
||||||
font-size: 1em;
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Text-level semantics
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the gray background on active links in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
a {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Remove the bottom border in Chrome 57-
|
|
||||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
abbr[title] {
|
|
||||||
border-bottom: none;
|
|
||||||
/* 1 */
|
|
||||||
text-decoration: underline;
|
|
||||||
/* 2 */
|
|
||||||
text-decoration: underline dotted;
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight: bolder;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
samp {
|
|
||||||
font-family: monospace, monospace;
|
|
||||||
/* 1 */
|
|
||||||
font-size: 1em;
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct font size in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
small {
|
|
||||||
font-size: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
||||||
* all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
font-size: 75%;
|
|
||||||
line-height: 0;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
sub {
|
|
||||||
bottom: -0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
sup {
|
|
||||||
top: -0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Embedded content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the border on images inside links in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
img {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Forms
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Change the font styles in all browsers.
|
|
||||||
* 2. Remove the margin in Firefox and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
optgroup,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
font-family: inherit;
|
|
||||||
/* 1 */
|
|
||||||
font-size: 100%;
|
|
||||||
/* 1 */
|
|
||||||
line-height: 1.15;
|
|
||||||
/* 1 */
|
|
||||||
margin: 0;
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Show the overflow in IE.
|
|
||||||
* 1. Show the overflow in Edge.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input {
|
|
||||||
/* 1 */
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
||||||
* 1. Remove the inheritance of text transform in Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
select {
|
|
||||||
/* 1 */
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the inability to style clickable types in iOS and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
[type="button"],
|
|
||||||
[type="reset"],
|
|
||||||
[type="submit"] {
|
|
||||||
-webkit-appearance: button;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the inner border and padding in Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button::-moz-focus-inner,
|
|
||||||
[type="button"]::-moz-focus-inner,
|
|
||||||
[type="reset"]::-moz-focus-inner,
|
|
||||||
[type="submit"]::-moz-focus-inner {
|
|
||||||
border-style: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Restore the focus styles unset by the previous rule.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button:-moz-focusring,
|
|
||||||
[type="button"]:-moz-focusring,
|
|
||||||
[type="reset"]:-moz-focusring,
|
|
||||||
[type="submit"]:-moz-focusring {
|
|
||||||
outline: 1px dotted ButtonText;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the padding in Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
padding: 0.35em 0.75em 0.625em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the text wrapping in Edge and IE.
|
|
||||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
||||||
* 3. Remove the padding so developers are not caught out when they zero out
|
|
||||||
* `fieldset` elements in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
legend {
|
|
||||||
box-sizing: border-box;
|
|
||||||
/* 1 */
|
|
||||||
color: inherit;
|
|
||||||
/* 2 */
|
|
||||||
display: table;
|
|
||||||
/* 1 */
|
|
||||||
max-width: 100%;
|
|
||||||
/* 1 */
|
|
||||||
padding: 0;
|
|
||||||
/* 3 */
|
|
||||||
white-space: normal;
|
|
||||||
/* 1 */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
||||||
*/
|
|
||||||
|
|
||||||
progress {
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the default vertical scrollbar in IE 10+.
|
|
||||||
*/
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Add the correct box sizing in IE 10.
|
|
||||||
* 2. Remove the padding in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="checkbox"],
|
|
||||||
[type="radio"] {
|
|
||||||
box-sizing: border-box;
|
|
||||||
/* 1 */
|
|
||||||
padding: 0;
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="number"]::-webkit-inner-spin-button,
|
|
||||||
[type="number"]::-webkit-outer-spin-button {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the odd appearance in Chrome and Safari.
|
|
||||||
* 2. Correct the outline style in Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="search"] {
|
|
||||||
-webkit-appearance: textfield;
|
|
||||||
/* 1 */
|
|
||||||
outline-offset: -2px;
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the inner padding in Chrome and Safari on macOS.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="search"]::-webkit-search-decoration {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
||||||
* 2. Change font properties to `inherit` in Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
::-webkit-file-upload-button {
|
|
||||||
-webkit-appearance: button;
|
|
||||||
/* 1 */
|
|
||||||
font: inherit;
|
|
||||||
/* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Interactive
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
details {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Add the correct display in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
summary {
|
|
||||||
display: list-item;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Misc
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE 10+.
|
|
||||||
*/
|
|
||||||
|
|
||||||
template {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[hidden] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
@ -1,16 +0,0 @@
|
|||||||
.van-uploader__preview-image {
|
|
||||||
width: 98px!important;
|
|
||||||
height: 98px!important;
|
|
||||||
}
|
|
||||||
.van-uploader__preview:nth-child(3),
|
|
||||||
.van-uploader__preview:nth-child(6),
|
|
||||||
.van-uploader__preview:nth-child(9){
|
|
||||||
margin-right: 0!important;
|
|
||||||
}
|
|
||||||
.van-uploader__upload {
|
|
||||||
width: 98px!important;
|
|
||||||
height: 98px!important;
|
|
||||||
box-sizing: border-box;
|
|
||||||
/* border: 1px dashed #888; */
|
|
||||||
margin-right: 0!important;
|
|
||||||
}
|
|
Before Width: | Height: | Size: 36 KiB |