zhouchijian/fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

配置 stylelint

Browse Source
This commit is contained in:
mwx816443
2020-05-29 14:53:03 +08:00
parent 6f80263b42
commit cd9eec3148
101 changed files with 1766 additions and 1783 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/BackToTop/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<transition :name="transitionName">
<div v-show="visible" :style="customStyle" class="back-to-ceiling" @click="backToTop">
<svg width="16" height="16" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" class="Icon Icon--backToTopArrow" aria-hidden="true" style="height:16px;width:16px"><path d="M12.036 15.59a1 1 0 0 1-.997.995H5.032a.996.996 0 0 1-.997-.996V8.584H1.03c-1.1 0-1.36-.633-.578-1.416L7.33.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.004z" /></svg>
<svg width="16" height="16" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" class="back-to-icon Icon--backToTopArrow" aria-hidden="true" style="height: 16px;width: 16px;"><path d="M12.036 15.59a1 1 0 0 1-.997.995H5.032a.996.996 0 0 1-.997-.996V8.584H1.03c-1.1 0-1.36-.633-.578-1.416L7.33.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.004z" /></svg>
</div>
</transition>
</template>
@@ -96,15 +96,15 @@ export default {
.fade-enter-active,
.fade-leave-active {
transition: opacity .5s;
transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
opacity: 0
opacity: 0;
}
.back-to-ceiling .Icon {
.back-to-ceiling .back-to-icon {
fill: #9aaabf;
background: none;
}

34
src/components/DndList/index.vue
View File

@@ -1,23 +1,23 @@
<template>
<div class="dndList">
<div :style="{width:width1}" class="dndList-list">
<div class="dnd-list">
<div :style="{width:width1}" class="dnd-list-container">
<h3>{{ list1Title }}</h3>
<draggable :set-data="setData" :list="list1" group="article" class="dragArea">
<draggable :set-data="setData" :list="list1" group="article" class="drag-area">
<div v-for="element in list1" :key="element.id" class="list-complete-item">
<div class="list-complete-item-handle">
{{ element.id }}[{{ element.author }}] {{ element.title }}
</div>
<div style="position:absolute;right:0px;">
<span style="float: right ;margin-top: -20px;margin-right:5px;" @click="deleteEle(element)">
<i style="color:#ff4949" class="el-icon-delete" />
<div style="position: absolute;right: 0;">
<span style="float: right;margin-top: -20px;margin-right: 5px;" @click="deleteEle(element)">
<i style="color: #ff4949;" class="el-icon-delete" />
</span>
</div>
</div>
</draggable>
</div>
<div :style="{width:width2}" class="dndList-list">
<div :style="{width:width2}" class="dnd-list-container">
<h3>{{ list2Title }}</h3>
<draggable :list="list2" group="article" class="dragArea">
<draggable :list="list2" group="article" class="drag-area">
<div v-for="element in list2" :key="element.id" class="list-complete-item">
<div class="list-complete-item-handle2" @click="pushEle(element)">
{{ element.id }} [{{ element.author }}] {{ element.title }}
@@ -105,21 +105,25 @@ export default {
</script>
<style lang="scss" scoped>
.dndList {
.dnd-list {
background: #fff;
padding-bottom: 40px;
&:after {
content: "";
&::after {
content: '';
display: table;
clear: both;
}
.dndList-list {
.dnd-list-container {
float: left;
padding-bottom: 30px;
&:first-of-type {
margin-right: 2%;
}
.dragArea {
.drag-area {
margin-top: 15px;
min-height: 50px;
padding-bottom: 30px;
@@ -152,11 +156,11 @@ export default {
}
.list-complete-item.sortable-chosen {
background: #4AB7BD;
background: #4ab7bd;
}
.list-complete-item.sortable-ghost {
background: #30B08F;
background: #30b08f;
}
.list-complete-enter,

6
src/components/DragSelect/index.vue
View File

@@ -50,9 +50,9 @@ export default {
<style scoped>
.drag-select >>> .sortable-ghost {
opacity: .8;
color: #fff!important;
background: #42b983!important;
opacity: 0.8;
color: #fff !important;
background: #42b983 !important;
}
.drag-select >>> .el-tag {

97
src/components/Dropzone/index.vue
View File

@@ -207,91 +207,94 @@ export default {
<style scoped>
.dropzone {
border: 2px solid #E5E5E5;
font-family: 'Roboto', sans-serif;
color: #777;
transition: background-color .2s linear;
padding: 5px;
border: 2px solid #e5e5e5;
font-family: 'Roboto', sans-serif;
color: #777;
transition: background-color 0.2s linear;
padding: 5px;
}
.dropzone:hover {
background-color: #F6F6F6;
background-color: #f6f6f6;
}
i {
color: #CCC;
color: #ccc;
}
.dropzone .dz-image img {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.dropzone input[name='file'] {
display: none;
display: none;
}
.dropzone .dz-preview .dz-image {
border-radius: 0px;
border-radius: 0;
}
.dropzone .dz-preview:hover .dz-image img {
transform: none;
filter: none;
width: 100%;
height: 100%;
transform: none;
filter: none;
width: 100%;
height: 100%;
}
.dropzone .dz-preview .dz-details {
bottom: 0px;
top: 0px;
color: white;
background-color: rgba(33, 150, 243, 0.8);
transition: opacity .2s linear;
text-align: left;
bottom: 0;
top: 0;
color: white;
background-color: rgba(33, 150, 243, 0.8);
transition: opacity 0.2s linear;
text-align: left;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
background-color: transparent;
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
background-color: transparent;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
border: none;
border: none;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
background-color: transparent;
border: none;
background-color: transparent;
border: none;
}
.dropzone .dz-preview .dz-remove {
position: absolute;
z-index: 30;
color: white;
margin-left: 15px;
padding: 10px;
top: inherit;
bottom: 15px;
border: 2px white solid;
text-decoration: none;
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 800;
letter-spacing: 1.1px;
opacity: 0;
position: absolute;
z-index: 30;
color: white;
margin-left: 15px;
padding: 10px;
top: inherit;
bottom: 15px;
border: 2px white solid;
text-decoration: none;
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 800;
letter-spacing: 1.1px;
opacity: 0;
}
.dropzone .dz-preview:hover .dz-remove {
opacity: 1;
opacity: 1;
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
margin-left: -40px;
margin-top: -50px;
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
margin-left: -40px;
margin-top: -50px;
}
.dropzone .dz-preview .dz-success-mark i, .dropzone .dz-preview .dz-error-mark i {
color: white;
font-size: 5rem;
.dropzone .dz-preview .dz-success-mark i,
.dropzone .dz-preview .dz-error-mark i {
color: white;
font-size: 5rem;
}
</style>

17
src/components/GithubCorner/index.vue
View File

@@ -4,7 +4,7 @@
width="80"
height="80"
viewBox="0 0 250 250"
style="fill:#40c9c6; color:#fff;"
style="fill: #40c9c6; color: #fff;"
aria-hidden="true"
>
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" />
@@ -25,30 +25,33 @@
<style scoped>
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out
animation: octocat-wave 560ms ease-in-out;
}
@keyframes octocat-wave {
0%,
100% {
transform: rotate(0)
transform: rotate(0);
}
20%,
60% {
transform: rotate(-25deg)
transform: rotate(-25deg);
}
40%,
80% {
transform: rotate(10deg)
transform: rotate(10deg);
}
}
@media (max-width:500px) {
.github-corner:hover .octo-arm {
animation: none
animation: none;
}
.github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out
animation: octocat-wave 560ms ease-in-out;
}
}
</style>

1567
src/components/ImageCropper/index.vue
View File

File diff suppressed because it is too large Load Diff

9
src/components/JsonEditor/index.vue
View File

@@ -55,18 +55,21 @@ export default {
</script>
<style scoped>
.json-editor{
.json-editor {
height: 100%;
position: relative;
}
.json-editor >>> .CodeMirror {
height: auto;
min-height: 300px;
}
.json-editor >>> .CodeMirror-scroll{
.json-editor >>> .CodeMirror-scroll {
min-height: 300px;
}
.json-editor >>> .cm-s-rubyblue span.cm-string {
color: #F08047;
color: #f08047;
}
</style>

2
src/components/Kanban/index.vue
View File

@@ -91,7 +91,7 @@ export default {
line-height: 54px;
padding: 5px 10px;
box-sizing: border-box;
box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
}
}

40
src/components/MDinput/index.vue
View File

@@ -208,14 +208,14 @@ export default {
// Utils
$spacer: 12px;
$transition: 0.2s ease all;
$index: 0px;
$index: 0;
$index-has-icon: 30px;
// Theme:
$color-white: white;
$color-grey: #9E9E9E;
$color-grey-light: #E0E0E0;
$color-blue: #2196F3;
$color-red: #F44336;
$color-grey: #9e9e9e;
$color-grey-light: #e0e0e0;
$color-blue: #2196f3;
$color-red: #f44336;
$color-black: black;
// Base clases:
%base-bar-pseudo {
@@ -239,9 +239,11 @@ export default {
.material-input__component {
margin-top: 36px;
position: relative;
* {
box-sizing: border-box;
}
.iconClass {
.material-input__icon {
position: absolute;
@@ -255,13 +257,16 @@ export default {
font-weight: $font-weight-normal;
pointer-events: none;
}
.material-label {
left: $index-has-icon;
}
.material-input {
text-indent: $index-has-icon;
}
}
.material-input {
font-size: $font-size-base;
padding: $spacer $spacer $spacer - $apixel * 10 $spacer / 2;
@@ -270,12 +275,14 @@ export default {
border: none;
line-height: 1;
border-radius: 0;
&:focus {
outline: none;
border: none;
border-bottom: 1px solid transparent; // fixes the height issue
}
}
.material-label {
font-weight: $font-weight-normal;
position: absolute;
@@ -285,15 +292,18 @@ export default {
transition: $transition;
font-size: $font-size-small;
}
.material-input-bar {
position: relative;
display: block;
width: 100%;
&:before {
&::before {
@extend %base-bar-pseudo;
left: 50%;
}
&:after {
&::after {
@extend %base-bar-pseudo;
right: 50%;
}
@@ -313,8 +323,8 @@ export default {
// Active state:
&.material--active {
.material-input-bar {
&:before,
&:after {
&::before,
&::after {
width: 50%;
}
}
@@ -323,18 +333,21 @@ export default {
.material-input__component {
background: $color-white;
.material-input {
background: none;
color: $color-black;
text-indent: $index;
border-bottom: 1px solid $color-grey-light;
}
.material-label {
color: $color-grey;
}
.material-input-bar {
&:before,
&:after {
&::before,
&::after {
background: $color-blue;
}
}
@@ -349,9 +362,10 @@ export default {
&.material--active .material-label {
color: $color-red;
}
.material-input-bar {
&:before,
&:after {
&::before,
&::after {
background: transparent;
}
}

1
src/components/Pagination/index.vue
View File

@@ -95,6 +95,7 @@ export default {
background: #fff;
padding: 32px 16px;
}
.pagination-container.hidden {
display: none;
}

4
src/components/PanThumb/index.vue
View File

@@ -91,7 +91,7 @@ export default {
letter-spacing: 2px;
font-size: 18px;
margin: 0 60px;
padding: 22px 0 0 0;
padding: 22px 0 0;
height: 85px;
font-family: 'Open Sans', Arial, sans-serif;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
@@ -137,6 +137,6 @@ export default {
.pan-item:hover .pan-info p a {
opacity: 1;
transform: translateX(0px) rotate(0deg);
transform: translateX(0) rotate(0deg);
}
</style>

11
src/components/RightPanel/index.vue
View File

@@ -90,8 +90,8 @@ export default {
top: 0;
left: 0;
opacity: 0;
transition: opacity .3s cubic-bezier(.7, .3, .1, 1);
background: rgba(0, 0, 0, .2);
transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
background: rgba(0, 0, 0, 0.2);
z-index: -1;
}
@@ -102,15 +102,15 @@ export default {
position: fixed;
top: 0;
right: 0;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .05);
transition: all .25s cubic-bezier(.7, .3, .1, 1);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
transform: translate(100%);
background: #fff;
z-index: 40000;
}
.show {
transition: all .3s cubic-bezier(.7, .3, .1, 1);
transition: all 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
.rightPanel-background {
z-index: 20000;
@@ -137,6 +137,7 @@ export default {
cursor: pointer;
color: #fff;
line-height: 48px;
i {
font-size: 24px;
line-height: 48px;

2
src/components/Screenfull/index.vue
View File

@@ -52,7 +52,7 @@ export default {
.screenfull-svg {
display: inline-block;
cursor: pointer;
fill: #5a5e66;;
fill: #5a5e66;
width: 20px;
height: 20px;
vertical-align: 10px;

13
src/components/Share/DropdownMenu.vue
View File

@@ -39,12 +39,14 @@ export default {
<style lang="scss" >
$n: 9; //和items.length 相同
$t: .1s;
$t: 0.1s;
.share-dropdown-menu {
width: 250px;
position: relative;
z-index: 1;
height: auto!important;
height: auto !important;
&-title {
width: 100%;
display: block;
@@ -56,11 +58,13 @@ $t: .1s;
font-size: 20px;
text-align: center;
z-index: 2;
transform: translate3d(0,0,0);
transform: translate3d(0, 0, 0);
}
&-wrapper {
position: relative;
}
&-item {
text-align: center;
position: absolute;
@@ -74,6 +78,7 @@ $t: .1s;
overflow: hidden;
opacity: 1;
transition: transform 0.28s ease;
&:hover {
background: black;
color: white;
@@ -86,10 +91,12 @@ $t: .1s;
}
}
}
&.active {
.share-dropdown-menu-wrapper {
z-index: 1;
}
.share-dropdown-menu-item {
@for $i from 1 through $n {
&:nth-of-type(#{$i}) {

2
src/components/SvgIcon/index.vue
View File

@@ -56,7 +56,7 @@ export default {
.svg-external-icon {
background-color: currentColor;
mask-size: cover!important;
mask-size: cover !important;
display: inline-block;
}
</style>

2
src/components/TextHoverEffect/Mallki.vue
View File

@@ -48,7 +48,7 @@ export default {
content: '';
width: 100%;
height: 6px;
margin: -3px 0 0 0;
margin: -3px 0 0;
background: #3888fa;
position: absolute;
left: 0;

1
src/components/Tinymce/components/EditorImage.vue
View File

@@ -104,6 +104,7 @@ export default {
<style lang="scss" scoped>
.editor-slide-upload {
margin-bottom: 20px;
/deep/ .el-upload--picture-card {
width: 100%;
}

5
src/components/Tinymce/index.vue
View File

@@ -218,23 +218,28 @@ export default {
position: relative;
line-height: normal;
}
.tinymce-container>>>.mce-fullscreen {
z-index: 10000;
}
.tinymce-textarea {
visibility: hidden;
z-index: -1;
}
.editor-custom-btn-container {
position: absolute;
right: 4px;
top: 4px;
/*z-index: 2005;*/
}
.fullscreen .editor-custom-btn-container {
z-index: 10000;
position: fixed;
}
.editor-upload-btn {
display: inline-block;
}

102
src/components/Upload/SingleImage.vue
View File

@@ -78,57 +78,65 @@ export default {
</script>
<style lang="scss" scoped>
@import "~@/styles/mixin.scss";
@import '~@/styles/mixin.scss';
.upload-container {
width: 100%;
@include clearfix;
width: 100%;
position: relative;
.image-uploader {
width: 60%;
float: left;
}
.image-preview {
width: 200px;
height: 200px;
position: relative;
@include clearfix;
.image-uploader {
width: 60%;
float: left;
border: 1px dashed #d9d9d9;
float: left;
margin-left: 50px;
.image-preview-wrapper {
position: relative;
width: 100%;
height: 100%;
img {
width: 100%;
height: 100%;
}
}
.image-preview {
width: 200px;
height: 200px;
position: relative;
border: 1px dashed #d9d9d9;
float: left;
margin-left: 50px;
.image-preview-wrapper {
position: relative;
width: 100%;
height: 100%;
img {
width: 100%;
height: 100%;
}
}
.image-preview-action {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor: default;
text-align: center;
color: #fff;
opacity: 0;
font-size: 20px;
background-color: rgba(0, 0, 0, .5);
transition: opacity .3s;
cursor: pointer;
text-align: center;
line-height: 200px;
.el-icon-delete {
font-size: 36px;
}
}
&:hover {
.image-preview-action {
opacity: 1;
}
}
.image-preview-action {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor: default;
text-align: center;
color: #fff;
opacity: 0;
font-size: 20px;
background-color: rgba(0, 0, 0, 0.5);
transition: opacity 0.3s;
cursor: pointer;
text-align: center;
line-height: 200px;
.el-icon-delete {
font-size: 36px;
}
}
&:hover {
.image-preview-action {
opacity: 1;
}
}
}
}
</style>

15
src/components/Upload/SingleImage2.vue
View File

@@ -81,25 +81,30 @@ export default {
width: 100%;
height: 100%;
position: relative;
.image-uploader {
height: 100%;
}
.image-preview {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
left: 0;
top: 0;
border: 1px dashed #d9d9d9;
.image-preview-wrapper {
position: relative;
width: 100%;
height: 100%;
img {
width: 100%;
height: 100%;
}
}
.image-preview-action {
position: absolute;
width: 100%;
@@ -111,15 +116,17 @@ export default {
color: #fff;
opacity: 0;
font-size: 20px;
background-color: rgba(0, 0, 0, .5);
transition: opacity .3s;
background-color: rgba(0, 0, 0, 0.5);
transition: opacity 0.3s;
cursor: pointer;
text-align: center;
line-height: 200px;
.el-icon-delete {
font-size: 36px;
}
}
&:hover {
.image-preview-action {
opacity: 1;

18
src/components/Upload/SingleImage3.vue
View File

@@ -86,15 +86,18 @@ export default {
</script>
<style lang="scss" scoped>
@import "~@/styles/mixin.scss";
@import '~@/styles/mixin.scss';
.upload-container {
@include clearfix;
width: 100%;
position: relative;
@include clearfix;
.image-uploader {
width: 35%;
float: left;
}
.image-preview {
width: 200px;
height: 200px;
@@ -102,15 +105,18 @@ export default {
border: 1px dashed #d9d9d9;
float: left;
margin-left: 50px;
.image-preview-wrapper {
position: relative;
width: 100%;
height: 100%;
img {
width: 100%;
height: 100%;
}
}
.image-preview-action {
position: absolute;
width: 100%;
@@ -122,21 +128,24 @@ export default {
color: #fff;
opacity: 0;
font-size: 20px;
background-color: rgba(0, 0, 0, .5);
transition: opacity .3s;
background-color: rgba(0, 0, 0, 0.5);
transition: opacity 0.3s;
cursor: pointer;
text-align: center;
line-height: 200px;
.el-icon-delete {
font-size: 36px;
}
}
&:hover {
.image-preview-action {
opacity: 1;
}
}
}
.image-app-preview {
width: 320px;
height: 180px;
@@ -144,6 +153,7 @@ export default {
border: 1px dashed #d9d9d9;
float: left;
margin-left: 50px;
.app-fake-conver {
height: 44px;
position: absolute;

7
src/components/UploadExcel/index.vue
View File

@@ -3,7 +3,7 @@
<input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick">
<div class="drop" @drop="handleDrop" @dragover="handleDragover" @dragenter="handleDragover">
Drop excel file here or
<el-button :loading="loading" style="margin-left:16px;" size="mini" type="primary" @click="handleUpload">
<el-button :loading="loading" style="margin-left: 16px;" size="mini" type="primary" @click="handleUpload">
Browse
</el-button>
</div>
@@ -119,11 +119,12 @@ export default {
</script>
<style scoped>
.excel-upload-input{
.excel-upload-input {
display: none;
z-index: -9999;
}
.drop{
.drop {
border: 2px dashed #bbb;
width: 600px;
height: 160px;