mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-11-03 13:44:47 +08:00
perf: 使用pnpm lint格式化代码,适配最新版的stylelint规则
This commit is contained in:
@@ -38,7 +38,7 @@ const barcodes = [
|
||||
<el-link
|
||||
href="https://lindell.me/JsBarcode/"
|
||||
target="_blank"
|
||||
style="font-size: 16px; margin: 0 5px 4px 0"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
JsBarcode
|
||||
</el-link>
|
||||
|
||||
@@ -76,7 +76,7 @@ const exportExcel = () => {
|
||||
<el-link
|
||||
href="https://github.com/SheetJS/sheetjs"
|
||||
target="_blank"
|
||||
style="font-size: 16px; margin: 0 5px 4px 0"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
github地址
|
||||
</el-link>
|
||||
|
||||
@@ -39,7 +39,7 @@ const load = () => {
|
||||
<el-link
|
||||
href="https://github.com/yujinpan/el-table-infinite-scroll"
|
||||
target="_blank"
|
||||
style="font-size: 16px; margin: 0 5px 4px 0"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
github地址
|
||||
</el-link>
|
||||
|
||||
@@ -52,7 +52,7 @@ const filterMethod = (query: string, node: treeNode) => {
|
||||
href="https://element-plus.gitee.io/zh-CN/component/tree-v2.html"
|
||||
target="_blank"
|
||||
:icon="useRenderIcon(NodeTree)"
|
||||
style="font-size: 16px; margin: 0 5px 4px 0"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
Tree V2
|
||||
</el-link>
|
||||
|
||||
@@ -41,7 +41,7 @@ const onPrint = () => {
|
||||
<el-link
|
||||
href="https://github.com/hrynko/vue-pdf-embed"
|
||||
target="_blank"
|
||||
style="font-size: 16px; margin: 0 5px 4px 0"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
github地址
|
||||
</el-link>
|
||||
|
||||
@@ -201,7 +201,7 @@ const tableData: User[] = [
|
||||
|
||||
.card-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -30,7 +30,7 @@ const disabledClick = () => {
|
||||
<el-link
|
||||
href="https://github.com/soldair/node-qrcode"
|
||||
target="_blank"
|
||||
style="font-size: 16px; margin: 0 5px 4px 0"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
qrcode
|
||||
</el-link>
|
||||
|
||||
@@ -91,7 +91,7 @@ const swiperExample: any[] = [
|
||||
<el-link
|
||||
href="https://github.com/nolimits4web/swiper"
|
||||
target="_blank"
|
||||
style="font-size: 16px; margin: 0 5px 4px 0"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
github地址
|
||||
</el-link>
|
||||
|
||||
@@ -80,26 +80,26 @@ const activities = [
|
||||
|
||||
<style scoped>
|
||||
.message {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 200px;
|
||||
padding: 5px 12px;
|
||||
line-height: 18px;
|
||||
color: #fff;
|
||||
word-break: break-all;
|
||||
background-color: var(--el-color-primary);
|
||||
border-color: var(--el-color-primary);
|
||||
color: #fff;
|
||||
line-height: 18px;
|
||||
padding: 5px 12px 5px 12px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 6px;
|
||||
position: relative;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.message::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
left: -10px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
content: "";
|
||||
border-color: var(--el-color-primary) transparent transparent;
|
||||
border-style: solid dashed dashed;
|
||||
border-width: 10px;
|
||||
|
||||
@@ -65,9 +65,9 @@ const filteredItems = computed(() => {
|
||||
|
||||
<style scoped>
|
||||
.dynamic-scroller-demo {
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.scroller {
|
||||
@@ -81,10 +81,10 @@ const filteredItems = computed(() => {
|
||||
}
|
||||
|
||||
.message {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 32px;
|
||||
padding: 12px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -16,7 +16,7 @@ defineOptions({
|
||||
<el-link
|
||||
href="https://github.com/Akryum/vue-virtual-scroller/tree/next/packages/vue-virtual-scroller"
|
||||
target="_blank"
|
||||
style="font-size: 16px; margin: 0 5px 4px 0"
|
||||
style="margin: 0 5px 4px 0; font-size: 16px"
|
||||
>
|
||||
github地址
|
||||
</el-link>
|
||||
|
||||
@@ -60,9 +60,9 @@ const filteredItems = computed(() => {
|
||||
|
||||
<style scoped>
|
||||
.dynamic-scroller-demo {
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.scroller {
|
||||
@@ -70,9 +70,9 @@ const filteredItems = computed(() => {
|
||||
}
|
||||
|
||||
.message {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
min-height: 32px;
|
||||
padding: 12px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -63,12 +63,12 @@ export default defineComponent({
|
||||
<style scoped>
|
||||
.wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
border: 3px dashed rgba(90, 167, 164, 0.9);
|
||||
background-color: rgb(90 167 164 / 20%);
|
||||
border: 3px dashed rgb(90 167 164 / 90%);
|
||||
border-radius: 8px;
|
||||
background-color: rgba(90, 167, 164, 0.2);
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -98,13 +98,13 @@ export default defineComponent({
|
||||
<style scoped>
|
||||
.wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
margin-bottom: 30px;
|
||||
border: 3px dashed rgba(90, 167, 164, 0.9);
|
||||
background-color: rgb(90 167 164 / 20%);
|
||||
border: 3px dashed rgb(90 167 164 / 90%);
|
||||
border-radius: 8px;
|
||||
background-color: rgba(90, 167, 164, 0.2);
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -60,12 +60,12 @@ export default ExampleSFC;
|
||||
<style scoped>
|
||||
.wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
border: 3px dashed rgba(90, 167, 164, 0.9);
|
||||
background-color: rgb(90 167 164 / 20%);
|
||||
border: 3px dashed rgb(90 167 164 / 90%);
|
||||
border-radius: 8px;
|
||||
background-color: rgba(90, 167, 164, 0.2);
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -44,8 +44,8 @@ const onCropper = (): void => {
|
||||
<style scoped>
|
||||
.cropper-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
|
||||
@@ -110,7 +110,7 @@ function addDanmu() {
|
||||
<el-link
|
||||
href="https://github.com/hellodigua/vue-danmaku/tree/vue3"
|
||||
target="_blank"
|
||||
style="font-size: 16px; margin: 0 4px 5px"
|
||||
style="margin: 0 4px 5px; font-size: 16px"
|
||||
>
|
||||
vue3-danmaku
|
||||
</el-link>
|
||||
@@ -197,10 +197,10 @@ function addDanmu() {
|
||||
align-items: center;
|
||||
|
||||
.img {
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
border-radius: 50%;
|
||||
height: 25px;
|
||||
margin-right: 5px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -65,7 +65,7 @@ onMounted(() => {
|
||||
href="https://sortablejs.github.io/vue.draggable.next/#/simple"
|
||||
target="_blank"
|
||||
:icon="useRenderIcon(Rank)"
|
||||
style="font-size: 16px; margin: 0 4px 5px"
|
||||
style="margin: 0 4px 5px; font-size: 16px"
|
||||
>
|
||||
vuedraggable
|
||||
</el-link>
|
||||
@@ -150,35 +150,36 @@ onMounted(() => {
|
||||
/* grid列表拖拽 */
|
||||
.grid-container {
|
||||
display: grid;
|
||||
grid-template-columns: 33.3% 33.3% 33.3%;
|
||||
grid-template-rows: 33.3% 33.3% 33.3%;
|
||||
grid-template-columns: 33.3% 33.3% 33.3%;
|
||||
}
|
||||
|
||||
.item-single {
|
||||
font-size: 1.5em;
|
||||
height: 77px;
|
||||
text-align: center;
|
||||
font-size: 1.5em;
|
||||
line-height: 85px;
|
||||
border: 1px solid #e5e4e9;
|
||||
text-align: center;
|
||||
cursor: move;
|
||||
border: 1px solid #e5e4e9;
|
||||
}
|
||||
|
||||
.item-cut {
|
||||
font-size: 1.5em;
|
||||
height: 77px;
|
||||
font-size: 1.5em;
|
||||
line-height: 77px;
|
||||
text-align: center;
|
||||
border: 1px solid #e5e4e9;
|
||||
cursor: move;
|
||||
border: 1px solid #e5e4e9;
|
||||
}
|
||||
|
||||
.item {
|
||||
font-size: 2em;
|
||||
text-align: center;
|
||||
line-height: 100px;
|
||||
border: 1px solid #e5e4e9;
|
||||
text-align: center;
|
||||
cursor: move;
|
||||
@media screen and (max-width: 750px) {
|
||||
border: 1px solid #e5e4e9;
|
||||
|
||||
@media screen and (width <= 750px) {
|
||||
line-height: 90px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -80,7 +80,7 @@ watch(
|
||||
<el-link
|
||||
href="https://github.com/leezng/vue-json-pretty"
|
||||
target="_blank"
|
||||
style="font-size: 16px; margin: 0 4px 5px"
|
||||
style="margin: 0 4px 5px; font-size: 16px"
|
||||
>
|
||||
vue-json-pretty
|
||||
</el-link>
|
||||
@@ -91,7 +91,7 @@ watch(
|
||||
<el-link
|
||||
href="https://github.com/surmon-china/vue-codemirror"
|
||||
target="_blank"
|
||||
style="font-size: 16px; margin: 0 4px 5px"
|
||||
style="margin: 0 4px 5px; font-size: 16px"
|
||||
>
|
||||
codemirror6
|
||||
</el-link>
|
||||
|
||||
@@ -125,8 +125,8 @@ function changeDirection(val) {
|
||||
<style lang="scss" scoped>
|
||||
.card-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
span {
|
||||
margin-right: 20px;
|
||||
@@ -134,23 +134,23 @@ function changeDirection(val) {
|
||||
}
|
||||
|
||||
.warp {
|
||||
height: 270px;
|
||||
width: 360px;
|
||||
height: 270px;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
list-style: none;
|
||||
|
||||
li,
|
||||
a {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 30px;
|
||||
font-size: 15px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -57,9 +57,9 @@ $H: 70vh;
|
||||
.split-pane {
|
||||
width: 70vw;
|
||||
height: $H;
|
||||
text-align: center;
|
||||
font-size: 50px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border: 1px solid #e5e6eb;
|
||||
|
||||
.dv-a,
|
||||
@@ -67,8 +67,8 @@ $H: 70vh;
|
||||
.dv-c {
|
||||
width: $W;
|
||||
height: $W;
|
||||
color: rgba($color: dodgerblue, $alpha: 0.8);
|
||||
line-height: $H;
|
||||
color: rgba($color: dodgerblue, $alpha: 80%);
|
||||
}
|
||||
|
||||
.dv-b,
|
||||
@@ -77,11 +77,11 @@ $H: 70vh;
|
||||
}
|
||||
|
||||
.dv-b {
|
||||
color: rgba($color: #000, $alpha: 0.8);
|
||||
color: rgba($color: #000, $alpha: 80%);
|
||||
}
|
||||
|
||||
.dv-c {
|
||||
color: rgba($color: #ce272d, $alpha: 0.8);
|
||||
color: rgba($color: #ce272d, $alpha: 80%);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -42,7 +42,7 @@ onMounted(() => {
|
||||
href="https://v3.h5player.bytedance.com/"
|
||||
target="_blank"
|
||||
:icon="useRenderIcon(VideoPlay)"
|
||||
style="font-size: 16px; margin: 0 4px 5px"
|
||||
style="margin: 0 4px 5px; font-size: 16px"
|
||||
>
|
||||
西瓜播放器
|
||||
</el-link>
|
||||
|
||||
@@ -48,7 +48,7 @@ const handleCreated = editor => {
|
||||
href="https://www.wangeditor.com"
|
||||
target="_blank"
|
||||
:icon="useRenderIcon(Edit)"
|
||||
style="font-size: 16px; margin: 0 4px 5px"
|
||||
style="margin: 0 4px 5px; font-size: 16px"
|
||||
>
|
||||
Wangeditor
|
||||
</el-link>
|
||||
|
||||
@@ -18,21 +18,21 @@ defineOptions({
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.back {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
cursor: pointer;
|
||||
border-radius: 18px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
cursor: pointer;
|
||||
background: rgb(138 150 160 / 8%);
|
||||
border-radius: 18px;
|
||||
transform: translate(-50%, -50%);
|
||||
background: rgba(138, 150, 160, 0.08);
|
||||
|
||||
&:hover {
|
||||
background: rgba(138, 150, 160, 0.2);
|
||||
background: rgb(138 150 160 / 20%);
|
||||
transition: background 0.6s;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -40,7 +40,7 @@ function initLf() {
|
||||
LogicFlow.use(Menu);
|
||||
const domLf = new LogicFlow({
|
||||
...unref(config),
|
||||
container: document.querySelector("#LF-Turbo")
|
||||
container: document.querySelector("#turbo")
|
||||
});
|
||||
lf.value = domLf;
|
||||
// 设置边类型bpmn:sequenceFlow为默认类型
|
||||
@@ -74,7 +74,7 @@ onMounted(() => {
|
||||
href="http://logic-flow.org/"
|
||||
target="_blank"
|
||||
:icon="useRenderIcon(SetUp)"
|
||||
style="font-size: 16px; margin: 0 4px 5px"
|
||||
style="margin: 0 4px 5px; font-size: 16px"
|
||||
>
|
||||
LogicFlow
|
||||
</el-link>
|
||||
@@ -93,7 +93,7 @@ onMounted(() => {
|
||||
<!-- 节点面板 -->
|
||||
<NodePanel :lf="lf" :nodeList="nodeList" />
|
||||
<!-- 画布 -->
|
||||
<div id="LF-Turbo" />
|
||||
<div id="turbo" />
|
||||
<!-- 数据查看面板 -->
|
||||
<el-dialog
|
||||
class="flow-dialog"
|
||||
@@ -110,19 +110,19 @@ onMounted(() => {
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
#LF-Turbo {
|
||||
#turbo {
|
||||
width: 100%;
|
||||
height: 70vh;
|
||||
}
|
||||
|
||||
.logic-flow-view {
|
||||
margin: 10px;
|
||||
position: relative;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.demo-title {
|
||||
text-align: center;
|
||||
margin: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.demo-control {
|
||||
@@ -139,23 +139,23 @@ onMounted(() => {
|
||||
.add-panel {
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
background-color: white;
|
||||
padding: 10px 5px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.el-drawer__body {
|
||||
height: 80%;
|
||||
overflow: auto;
|
||||
margin-top: -30px;
|
||||
z-index: 3;
|
||||
height: 80%;
|
||||
margin-top: -30px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:deep(.flow-dialog) {
|
||||
transform: none;
|
||||
left: 0;
|
||||
top: 5vh;
|
||||
position: relative;
|
||||
top: 5vh;
|
||||
left: 0;
|
||||
margin: 0 auto;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
:deep(.flow-dialog) .el-dialog__body {
|
||||
|
||||
@@ -94,25 +94,25 @@ const cardLogoClass = computed(() => [
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 12px;
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
|
||||
&_detail {
|
||||
flex: 1;
|
||||
padding: 24px 32px;
|
||||
min-height: 140px;
|
||||
padding: 24px 32px;
|
||||
|
||||
&--logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: #e0ebff;
|
||||
font-size: 32px;
|
||||
color: #0052d9;
|
||||
background: #e0ebff;
|
||||
border-radius: 50%;
|
||||
|
||||
&__disabled {
|
||||
color: #a1c4ff;
|
||||
@@ -129,21 +129,21 @@ const cardLogoClass = computed(() => [
|
||||
}
|
||||
|
||||
&--name {
|
||||
margin: 24px 0 8px 0;
|
||||
margin: 24px 0 8px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
&--desc {
|
||||
display: -webkit-box;
|
||||
height: 40px;
|
||||
margin-bottom: 24px;
|
||||
overflow: hidden;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
margin-bottom: 24px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -22,7 +22,7 @@ function tabClick({ index }) {
|
||||
<el-link
|
||||
href="https://github.com/pure-admin/pure-admin-table"
|
||||
target="_blank"
|
||||
style="font-size: 16px; margin: 0 4px 5px"
|
||||
style="margin: 0 4px 5px; font-size: 16px"
|
||||
>
|
||||
@pureadmin/table
|
||||
</el-link>
|
||||
|
||||
@@ -24,7 +24,7 @@ function tabClick({ index }) {
|
||||
<el-link
|
||||
href="https://github.com/pure-admin/pure-admin-table"
|
||||
target="_blank"
|
||||
style="font-size: 16px; margin: 0 4px 5px"
|
||||
style="margin: 0 4px 5px; font-size: 16px"
|
||||
>
|
||||
@pureadmin/table
|
||||
</el-link>
|
||||
|
||||
@@ -58,7 +58,7 @@ const columns = [
|
||||
role="img"
|
||||
aria-label="dingding"
|
||||
class="anticon anticon-dingding flex items-center cursor-pointer"
|
||||
style="color: rgb(0, 160, 233); margin-left: 8px"
|
||||
style="margin-left: 8px; color: rgb(0 160 233)"
|
||||
>
|
||||
<svg
|
||||
viewBox="64 64 896 896"
|
||||
|
||||
@@ -281,6 +281,6 @@ axios
|
||||
}
|
||||
|
||||
.main-content {
|
||||
margin: 20px 20px 0 20px !important;
|
||||
margin: 20px 20px 0 !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user