Compare commits
No commits in common. 'master' and 'lwj_branch' have entirely different histories.
master
...
lwj_branch
@ -0,0 +1,24 @@
|
|||||||
|
# VueClient
|
||||||
|
|
||||||
|
## Project setup
|
||||||
|
```
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
### Compiles and hot-reloads for development
|
||||||
|
```
|
||||||
|
npm run serve
|
||||||
|
```
|
||||||
|
|
||||||
|
### Compiles and minifies for production
|
||||||
|
```
|
||||||
|
npm run build
|
||||||
|
```
|
||||||
|
|
||||||
|
### Lints and fixes files
|
||||||
|
```
|
||||||
|
npm run lint
|
||||||
|
```
|
||||||
|
|
||||||
|
### Customize configuration
|
||||||
|
See [Configuration Reference](https://cli.vuejs.org/config/).
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
module.exports = {
|
||||||
|
presets: [
|
||||||
|
'@vue/cli-plugin-babel/preset'
|
||||||
|
]
|
||||||
|
}
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 MiB |
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,51 @@
|
|||||||
|
{
|
||||||
|
"name": "VueClient",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
|
||||||
|
"build:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && 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"
|
||||||
|
]
|
||||||
|
}
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
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/] //排除文件，使用正则表达式
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 4.2 KiB |
@ -0,0 +1 @@
|
|||||||
|
!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);
|
||||||
@ -0,0 +1,25 @@
|
|||||||
|
<!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>
|
||||||
@ -0,0 +1,894 @@
|
|||||||
|
@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;
|
||||||
|
}
|
||||||
@ -0,0 +1,120 @@
|
|||||||
|
<!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>
|
||||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 453 B |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 445 B |
|
After Width: | Height: | Size: 1.6 KiB |
@ -0,0 +1,14 @@
|
|||||||
|
<%@ 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() );
|
||||||
|
|
||||||
|
%>
|
||||||
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 6.5 KiB |
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,100 @@
|
|||||||
|
/*弹出对话框页面样式组件
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*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;
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 184 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 518 B |
|
After Width: | Height: | Size: 253 B |
|
After Width: | Height: | Size: 175 B |
|
After Width: | Height: | Size: 370 B |
|
After Width: | Height: | Size: 177 B |
|
After Width: | Height: | Size: 938 B |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 111 B |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 734 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 216 B |
|
After Width: | Height: | Size: 54 B |
|
After Width: | Height: | Size: 167 B |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 43 B |
|
After Width: | Height: | Size: 122 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 170 B |
|
After Width: | Height: | Size: 111 B |
|
After Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1019 B |
|
After Width: | Height: | Size: 6.3 KiB |
@ -0,0 +1 @@
|
|||||||
|
/*可以在这里添加你自己的css*/
|
||||||
@ -0,0 +1,104 @@
|
|||||||
|
.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;}
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,62 @@
|
|||||||
|
<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>
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,78 @@
|
|||||||
|
.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);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,419 @@
|
|||||||
|
/*! 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;
|
||||||
|
}
|
||||||
@ -0,0 +1,16 @@
|
|||||||
|
.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;
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue