mirror of
https://gitee.com/chu1204505056/vue-admin-beautiful.git
synced 2025-04-05 19:41:43 +08:00
prettier代码格式重新配置
This commit is contained in:
parent
d134f932b9
commit
6664949dab
@ -10,6 +10,7 @@ module.exports = {
|
||||
bracketSpacing: true,
|
||||
jsxBracketSameLine: false,
|
||||
arrowParens: "always",
|
||||
vueIndentScriptAndStyle: false,
|
||||
htmlWhitespaceSensitivity: "ignore",
|
||||
vueIndentScriptAndStyle: true,
|
||||
endOfLine: "lf",
|
||||
};
|
||||
|
@ -69,7 +69,8 @@ export default {
|
||||
|
||||
@keyframes fall-#{$i} {
|
||||
#{percentage($random-yoyo-time)} {
|
||||
transform: translate($random-x-end, $random-yoyo-y) scale($random-scale);
|
||||
transform: translate($random-x-end, $random-yoyo-y)
|
||||
scale($random-scale);
|
||||
}
|
||||
|
||||
to {
|
||||
|
@ -11,8 +11,7 @@
|
||||
:closable="false"
|
||||
:title="`支持jpg、jpeg、png格式,单次可最多选择${limit}张图片,每张不可大于${size}M,如果大于${size}M会自动为您过滤`"
|
||||
type="info"
|
||||
>
|
||||
</el-alert>
|
||||
></el-alert>
|
||||
<br />
|
||||
<el-upload
|
||||
ref="upload"
|
||||
@ -68,7 +67,8 @@
|
||||
type="success"
|
||||
:loading="loading"
|
||||
@click="submitUpload"
|
||||
>开始上传
|
||||
>
|
||||
开始上传
|
||||
</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
@ -116,7 +116,8 @@ export default {
|
||||
"storage",
|
||||
(e) => {
|
||||
if (e.key === tokenName || e.key === null) window.location.reload();
|
||||
if (e.key === tokenName && e.value === null) window.location.reload();
|
||||
if (e.key === tokenName && e.value === null)
|
||||
window.location.reload();
|
||||
},
|
||||
false
|
||||
);
|
||||
|
@ -36,7 +36,7 @@ service.interceptors.request.use(
|
||||
}
|
||||
if (process.env.NODE_ENV !== "preview") {
|
||||
if (contentType === "application/x-www-form-urlencoded;charset=UTF-8") {
|
||||
if (config.data && !config.data.param) {
|
||||
if (config.data) {
|
||||
config.data = qs.stringify(config.data);
|
||||
}
|
||||
}
|
||||
|
@ -44,8 +44,8 @@
|
||||
:options="fwl"
|
||||
/>
|
||||
<div class="bottom">
|
||||
<span
|
||||
>日均访问量:
|
||||
<span>
|
||||
日均访问量:
|
||||
|
||||
<vab-count
|
||||
:start-val="config1.startVal"
|
||||
@ -71,8 +71,8 @@
|
||||
:options="sqs"
|
||||
/>
|
||||
<div class="bottom">
|
||||
<span
|
||||
>总授权数:
|
||||
<span>
|
||||
总授权数:
|
||||
<vab-count
|
||||
:start-val="config2.startVal"
|
||||
:end-val="config2.endVal"
|
||||
@ -81,7 +81,8 @@
|
||||
:prefix="config2.prefix"
|
||||
:suffix="config2.suffix"
|
||||
:decimals="config2.decimals"
|
||||
/></span>
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
@ -98,8 +99,9 @@
|
||||
@click="handleClick"
|
||||
/>
|
||||
<div class="bottom">
|
||||
<span
|
||||
>词云数量:<vab-count
|
||||
<span>
|
||||
词云数量:
|
||||
<vab-count
|
||||
:start-val="config3.startVal"
|
||||
:end-val="config3.endVal"
|
||||
:duration="config3.duration"
|
||||
@ -107,7 +109,8 @@
|
||||
:prefix="config3.prefix"
|
||||
:suffix="config3.suffix"
|
||||
:decimals="config3.decimals"
|
||||
/></span>
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
@ -273,12 +276,10 @@
|
||||
:title="item.title"
|
||||
:type="item.type"
|
||||
:closable="item.closable"
|
||||
>
|
||||
</el-alert>
|
||||
></el-alert>
|
||||
<br />
|
||||
</div>
|
||||
<el-alert :closable="false" :title="userAgent" type="info">
|
||||
</el-alert>
|
||||
<el-alert :closable="false" :title="userAgent" type="info"></el-alert>
|
||||
<br />
|
||||
</el-card>
|
||||
<el-card shadow="never">
|
||||
|
@ -6,8 +6,7 @@
|
||||
type="success"
|
||||
:closable="false"
|
||||
style="position: fixed;"
|
||||
>
|
||||
</el-alert>
|
||||
></el-alert>
|
||||
<el-row>
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
|
||||
<div style="color: transparent;">占位符</div>
|
||||
@ -65,7 +64,8 @@
|
||||
class="login-btn"
|
||||
type="primary"
|
||||
@click="handleLogin"
|
||||
>登录
|
||||
>
|
||||
登录
|
||||
</el-button>
|
||||
<router-link to="/register">
|
||||
<div style="margin-top: 20px;">注册</div>
|
||||
|
@ -17,7 +17,8 @@
|
||||
type="primary"
|
||||
native-type="submit"
|
||||
@click="handleQuery"
|
||||
>查询
|
||||
>
|
||||
查询
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
@ -25,9 +25,9 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="pay-button-group">
|
||||
<el-button type="primary" :loading="loading" @click="handleSubmit"
|
||||
>提交</el-button
|
||||
>
|
||||
<el-button type="primary" :loading="loading" @click="handleSubmit">
|
||||
提交
|
||||
</el-button>
|
||||
<el-button @click="handlePrev">上一步</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -11,8 +11,8 @@
|
||||
node-key="id"
|
||||
:default-expanded-keys="['root']"
|
||||
@node-click="handleNodeClick"
|
||||
></el-tree
|
||||
></el-col>
|
||||
></el-tree>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="16" :lg="20" :xl="20">
|
||||
<vab-query-form>
|
||||
<vab-query-form-top-panel :span="12">
|
||||
@ -107,11 +107,11 @@
|
||||
width="200"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button type="text" @click="handleEdit(scope.row)"
|
||||
>编辑
|
||||
<el-button type="text" @click="handleEdit(scope.row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button type="text" @click="handleDelete(scope.row)"
|
||||
>删除
|
||||
<el-button type="text" @click="handleDelete(scope.row)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
@ -5,11 +5,11 @@
|
||||
</el-divider>
|
||||
<vab-query-form>
|
||||
<vab-query-form-left-panel :span="12">
|
||||
<el-button icon="el-icon-plus" type="primary" @click="handleEdit"
|
||||
>添加</el-button
|
||||
>
|
||||
<el-button icon="el-icon-delete" type="danger" @click="handleDelete"
|
||||
>批量删除
|
||||
<el-button icon="el-icon-plus" type="primary" @click="handleEdit">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button icon="el-icon-delete" type="danger" @click="handleDelete">
|
||||
批量删除
|
||||
</el-button>
|
||||
</vab-query-form-left-panel>
|
||||
<vab-query-form-right-panel :span="12">
|
||||
@ -22,8 +22,8 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button icon="el-icon-search" type="primary" @click="queryData"
|
||||
>查询
|
||||
<el-button icon="el-icon-search" type="primary" @click="queryData">
|
||||
查询
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
@ -41,8 +41,8 @@
|
||||
show-overflow-tooltip
|
||||
prop="id"
|
||||
label="id"
|
||||
></el-table-column
|
||||
><el-table-column
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="permission"
|
||||
label="权限码"
|
||||
@ -54,11 +54,9 @@
|
||||
width="200"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button type="text" @click="handleEdit(scope.row)"
|
||||
>编辑
|
||||
</el-button>
|
||||
<el-button type="text" @click="handleDelete(scope.row)"
|
||||
>删除
|
||||
<el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
|
||||
<el-button type="text" @click="handleDelete(scope.row)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@ -71,8 +69,7 @@
|
||||
:total="total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
>
|
||||
</el-pagination>
|
||||
></el-pagination>
|
||||
<edit ref="edit" @fetchData="fetchData"></edit>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -50,7 +50,9 @@ export default {
|
||||
username: [
|
||||
{ required: true, trigger: "blur", message: "请输入用户名" },
|
||||
],
|
||||
password: [{ required: true, trigger: "blur", message: "请输入密码" }],
|
||||
password: [
|
||||
{ required: true, trigger: "blur", message: "请输入密码" },
|
||||
],
|
||||
email: [{ required: true, trigger: "blur", message: "请输入邮箱" }],
|
||||
permissions: [
|
||||
{ required: true, trigger: "blur", message: "请选择权限" },
|
||||
|
@ -2,11 +2,11 @@
|
||||
<div class="userManagement-container">
|
||||
<vab-query-form>
|
||||
<vab-query-form-left-panel :span="12">
|
||||
<el-button icon="el-icon-plus" type="primary" @click="handleEdit"
|
||||
>添加</el-button
|
||||
>
|
||||
<el-button icon="el-icon-delete" type="danger" @click="handleDelete"
|
||||
>批量删除
|
||||
<el-button icon="el-icon-plus" type="primary" @click="handleEdit">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button icon="el-icon-delete" type="danger" @click="handleDelete">
|
||||
批量删除
|
||||
</el-button>
|
||||
</vab-query-form-left-panel>
|
||||
<vab-query-form-right-panel :span="12">
|
||||
@ -19,8 +19,8 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button icon="el-icon-search" type="primary" @click="queryData"
|
||||
>查询
|
||||
<el-button icon="el-icon-search" type="primary" @click="queryData">
|
||||
查询
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
@ -52,9 +52,9 @@
|
||||
|
||||
<el-table-column show-overflow-tooltip label="权限">
|
||||
<template v-slot="{ row }">
|
||||
<el-tag v-for="(item, index) in row.permissions" :key="index">{{
|
||||
item
|
||||
}}</el-tag>
|
||||
<el-tag v-for="(item, index) in row.permissions" :key="index">
|
||||
{{ item }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
@ -70,11 +70,9 @@
|
||||
width="200"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<el-button type="text" @click="handleEdit(scope.row)"
|
||||
>编辑
|
||||
</el-button>
|
||||
<el-button type="text" @click="handleDelete(scope.row)"
|
||||
>删除
|
||||
<el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
|
||||
<el-button type="text" @click="handleDelete(scope.row)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@ -87,8 +85,7 @@
|
||||
:total="total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
>
|
||||
</el-pagination>
|
||||
></el-pagination>
|
||||
<edit ref="edit" @fetchData="fetchData"></edit>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -6,8 +6,7 @@
|
||||
type="success"
|
||||
:closable="false"
|
||||
style="position: fixed;"
|
||||
>
|
||||
</el-alert>
|
||||
></el-alert>
|
||||
<el-row>
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
|
||||
<div style="color: transparent;">占位符</div>
|
||||
@ -49,11 +48,12 @@
|
||||
v-model.trim="form.phoneCode"
|
||||
type="text"
|
||||
placeholder="手机验证码"
|
||||
><vab-icon
|
||||
>
|
||||
<vab-icon
|
||||
slot="prefix"
|
||||
:icon="['fas', 'envelope-open']"
|
||||
></vab-icon
|
||||
></el-input>
|
||||
></vab-icon>
|
||||
</el-input>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="show-pwd phone-code"
|
||||
@ -69,15 +69,17 @@
|
||||
type="password"
|
||||
placeholder="设置密码"
|
||||
autocomplete="new-password"
|
||||
><vab-icon slot="prefix" :icon="['fas', 'unlock']"></vab-icon
|
||||
></el-input>
|
||||
>
|
||||
<vab-icon slot="prefix" :icon="['fas', 'unlock']"></vab-icon>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button
|
||||
class="register-btn"
|
||||
type="primary"
|
||||
@click.native.prevent="handleReister"
|
||||
>注册
|
||||
>
|
||||
注册
|
||||
</el-button>
|
||||
<router-link to="/login">
|
||||
<div style="margin-top: 20px;">登录</div>
|
||||
|
@ -19,8 +19,7 @@
|
||||
background
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="1000"
|
||||
>
|
||||
</el-pagination>
|
||||
></el-pagination>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -17,11 +17,14 @@
|
||||
effect="dark"
|
||||
placement="top-start"
|
||||
>
|
||||
<el-button v-if="header.opt === ''" @click="opt(header, 'template')"
|
||||
>{{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
|
||||
<el-button
|
||||
v-if="header.opt === ''"
|
||||
@click="opt(header, 'template')"
|
||||
>
|
||||
{{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
|
||||
</el-button>
|
||||
<el-button v-else @click="opt(header, '')"
|
||||
>{{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
|
||||
<el-button v-else @click="opt(header, '')">
|
||||
{{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip
|
||||
@ -30,8 +33,8 @@
|
||||
effect="dark"
|
||||
placement="top-start"
|
||||
>
|
||||
<el-button @click="hide(header)"
|
||||
>{{ header.show ? "点击隐藏字段" : "点击显示字段" }}
|
||||
<el-button @click="hide(header)">
|
||||
{{ header.show ? "点击隐藏字段" : "点击显示字段" }}
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<div slot="reference" class="table-header-card">
|
||||
|
@ -2,8 +2,8 @@
|
||||
<div class="table-query">
|
||||
<div>
|
||||
<el-button type="primary" @click="openCodeDialog">查看代码</el-button>
|
||||
<el-button type="primary" @click="handleClipboard(srcTableCode, $event)"
|
||||
>复制代码
|
||||
<el-button type="primary" @click="handleClipboard(srcTableCode, $event)">
|
||||
复制代码
|
||||
</el-button>
|
||||
</div>
|
||||
<el-dialog destroy-on-close title="查看代码" :visible.sync="dialogVisible">
|
||||
@ -11,9 +11,12 @@
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="closeCodeDialog(srcTableCode, $event)"
|
||||
>复制代码</el-button
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="closeCodeDialog(srcTableCode, $event)"
|
||||
>
|
||||
复制代码
|
||||
</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
@ -2,8 +2,8 @@
|
||||
<div class="element-container">
|
||||
<el-row :gutter="20">
|
||||
<el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="16">
|
||||
<el-button type="primary" @click="dialogVisible = !dialogVisible"
|
||||
>element全部文档点这里
|
||||
<el-button type="primary" @click="dialogVisible = !dialogVisible">
|
||||
element全部文档点这里
|
||||
</el-button>
|
||||
<el-dialog
|
||||
:fullscreen="true"
|
||||
@ -16,8 +16,8 @@
|
||||
frameborder="0"
|
||||
></iframe>
|
||||
</el-dialog>
|
||||
<el-divider content-position="left"
|
||||
>Tag 标签
|
||||
<el-divider content-position="left">
|
||||
Tag 标签
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://element.eleme.cn/#/zh-CN/component/tag"
|
||||
@ -36,8 +36,8 @@
|
||||
<el-tag effect="dark" type="warning">标签四</el-tag>
|
||||
<el-tag effect="dark" type="danger">标签五</el-tag>
|
||||
|
||||
<el-divider content-position="left"
|
||||
>进度条
|
||||
<el-divider content-position="left">
|
||||
进度条
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://element.eleme.cn/#/zh-CN/component/progress"
|
||||
@ -90,8 +90,8 @@
|
||||
status="exception"
|
||||
></el-progress>
|
||||
|
||||
<el-divider content-position="left"
|
||||
>按钮
|
||||
<el-divider content-position="left">
|
||||
按钮
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://element.eleme.cn/#/zh-CN/component/button"
|
||||
@ -133,13 +133,14 @@
|
||||
<el-button type="primary" icon="el-icon-share"></el-button>
|
||||
<el-button type="primary" icon="el-icon-delete"></el-button>
|
||||
<el-button type="primary" icon="el-icon-search">搜索</el-button>
|
||||
<el-button type="primary"
|
||||
>上传<i class="el-icon-upload el-icon--right"></i
|
||||
></el-button>
|
||||
<el-button type="primary">
|
||||
上传
|
||||
<i class="el-icon-upload el-icon--right"></i>
|
||||
</el-button>
|
||||
<el-button type="primary" :loading="true">加载中</el-button>
|
||||
|
||||
<el-divider content-position="left"
|
||||
>文字链接
|
||||
<el-divider content-position="left">
|
||||
文字链接
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://element.eleme.cn/#/zh-CN/component/link"
|
||||
@ -147,8 +148,8 @@
|
||||
文档
|
||||
</a>
|
||||
</el-divider>
|
||||
<el-link href="https://element.eleme.io" target="_blank"
|
||||
>默认链接
|
||||
<el-link href="https://element.eleme.io" target="_blank">
|
||||
默认链接
|
||||
</el-link>
|
||||
<el-link type="primary">主要链接</el-link>
|
||||
<el-link type="success">成功链接</el-link>
|
||||
@ -163,8 +164,8 @@
|
||||
<el-link type="info" disabled>信息链接</el-link>
|
||||
<el-link :underline="false">无下划线</el-link>
|
||||
<el-link>有下划线</el-link>
|
||||
<el-divider content-position="left"
|
||||
>头像
|
||||
<el-divider content-position="left">
|
||||
头像
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://element.eleme.cn/#/zh-CN/component/avatar"
|
||||
@ -173,8 +174,8 @@
|
||||
</a>
|
||||
</el-divider>
|
||||
<el-avatar icon="el-icon-user-solid"></el-avatar>
|
||||
<el-divider content-position="left"
|
||||
>页头
|
||||
<el-divider content-position="left">
|
||||
页头
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://element.eleme.cn/#/zh-CN/component/page-header"
|
||||
@ -183,8 +184,8 @@
|
||||
</a>
|
||||
</el-divider>
|
||||
<el-page-header content="详情页面"></el-page-header>
|
||||
<el-divider content-position="left"
|
||||
>面包屑
|
||||
<el-divider content-position="left">
|
||||
面包屑
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://element.eleme.cn/#/zh-CN/component/breadcrumb"
|
||||
|
@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<div class="errorLog-container">
|
||||
<el-divider content-position="left"
|
||||
>这里会在顶部navbar上模拟一个控制台错误日志
|
||||
<el-divider content-position="left">
|
||||
这里会在顶部navbar上模拟一个控制台错误日志
|
||||
</el-divider>
|
||||
<el-button type="primary" @click="handleError"
|
||||
>点击模拟一个chuzhixinjiayou的错误
|
||||
<el-button type="primary" @click="handleError">
|
||||
点击模拟一个chuzhixinjiayou的错误
|
||||
</el-button>
|
||||
<error-test v-if="show" />
|
||||
</div>
|
||||
|
@ -39,8 +39,8 @@
|
||||
<el-input v-model="ruleForm.desc" type="textarea"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submitForm('ruleForm')"
|
||||
>立即创建
|
||||
<el-button type="primary" @click="submitForm('ruleForm')">
|
||||
立即创建
|
||||
</el-button>
|
||||
<el-button @click="resetForm('ruleForm')">重置</el-button>
|
||||
</el-form-item>
|
||||
@ -66,7 +66,12 @@ export default {
|
||||
rules: {
|
||||
name: [
|
||||
{ required: true, message: "请输入活动名称", trigger: "blur" },
|
||||
{ min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
|
||||
{
|
||||
min: 3,
|
||||
max: 5,
|
||||
message: "长度在 3 到 5 个字符",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
region: [
|
||||
{ required: true, message: "请选择活动区域", trigger: "change" },
|
||||
@ -82,7 +87,9 @@ export default {
|
||||
resource: [
|
||||
{ required: true, message: "请选择活动资源", trigger: "change" },
|
||||
],
|
||||
desc: [{ required: true, message: "请填写活动形式", trigger: "blur" }],
|
||||
desc: [
|
||||
{ required: true, message: "请填写活动形式", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
|
@ -2,8 +2,8 @@
|
||||
<div class="colorful-icon-container">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-divider content-position="left"
|
||||
>多彩图标在演示环境中使用的是cdn加速服务,开发时需存储到本地,使用方法可查看群文档,点击图标即可复制源码
|
||||
<el-divider content-position="left">
|
||||
多彩图标在演示环境中使用的是cdn加速服务,开发时需存储到本地,使用方法可查看群文档,点击图标即可复制源码
|
||||
</el-divider>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
@ -12,8 +12,8 @@
|
||||
<el-input v-model="queryForm.title"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label-width="0">
|
||||
<el-button native-type="submit" type="primary" @click="queryData"
|
||||
>搜索
|
||||
<el-button native-type="submit" type="primary" @click="queryData">
|
||||
搜索
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
|
||||
|
@ -10,8 +10,8 @@
|
||||
<el-input v-model="queryForm.title"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label-width="0">
|
||||
<el-button native-type="submit" type="primary" @click="queryData"
|
||||
>搜索
|
||||
<el-button native-type="submit" type="primary" @click="queryData">
|
||||
搜索
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
@ -2,8 +2,8 @@
|
||||
<div class="colorful-icon-container">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-divider content-position="left"
|
||||
>小清新图标在演示环境中使用的是cdn加速服务,开发时需存储到本地,使用方法可查看群文档,点击图标即可复制源码,点击图标即可复制源码
|
||||
<el-divider content-position="left">
|
||||
小清新图标在演示环境中使用的是cdn加速服务,开发时需存储到本地,使用方法可查看群文档,点击图标即可复制源码,点击图标即可复制源码
|
||||
</el-divider>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
@ -12,8 +12,8 @@
|
||||
<el-input v-model="queryForm.title"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label-width="0">
|
||||
<el-button native-type="submit" type="primary" @click="queryData"
|
||||
>搜索
|
||||
<el-button native-type="submit" type="primary" @click="queryData">
|
||||
搜索
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
|
||||
|
@ -11,22 +11,24 @@
|
||||
<el-button type="primary" @click="handleLoading(7)">效果7</el-button>
|
||||
<el-button type="primary" @click="handleLoading(8)">效果8</el-button>
|
||||
<el-button type="primary" @click="handleLoading(9)">效果9</el-button>
|
||||
<el-button type="primary" @click="test()"
|
||||
>全局默认骨架屏(仿支付宝)
|
||||
<el-button type="primary" @click="test()">
|
||||
全局默认骨架屏(仿支付宝)
|
||||
</el-button>
|
||||
<br /><br /><br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<el-divider content-position="left">多彩loading</el-divider>
|
||||
<el-button type="primary" @click="handleColorfullLoading(1)"
|
||||
>效果1
|
||||
<el-button type="primary" @click="handleColorfullLoading(1)">
|
||||
效果1
|
||||
</el-button>
|
||||
<el-button type="primary" @click="handleColorfullLoading(2)"
|
||||
>效果2
|
||||
<el-button type="primary" @click="handleColorfullLoading(2)">
|
||||
效果2
|
||||
</el-button>
|
||||
<el-button type="primary" @click="handleColorfullLoading(3)"
|
||||
>效果3
|
||||
<el-button type="primary" @click="handleColorfullLoading(3)">
|
||||
效果3
|
||||
</el-button>
|
||||
<el-button type="primary" @click="handleColorfullLoading(4)"
|
||||
>效果4
|
||||
<el-button type="primary" @click="handleColorfullLoading(4)">
|
||||
效果4
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -7,7 +7,8 @@
|
||||
type="primary"
|
||||
href="https://www.lodashjs.com/"
|
||||
target="_blank"
|
||||
>lodashjs官网
|
||||
>
|
||||
lodashjs官网
|
||||
</el-link>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
@ -6,8 +6,7 @@
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
></el-option>
|
||||
</el-select>
|
||||
<div v-html="prettierList"></div>
|
||||
</div>
|
||||
|
@ -8,8 +8,8 @@
|
||||
<el-card>
|
||||
<div slot="header">
|
||||
开源版本
|
||||
<el-button style="float: right; padding: 3px 0;" type="text"
|
||||
>永久免费 个人/商业使用
|
||||
<el-button style="float: right; padding: 3px 0;" type="text">
|
||||
永久免费 个人/商业使用
|
||||
</el-button>
|
||||
</div>
|
||||
<div>
|
||||
@ -21,8 +21,9 @@
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://github.com/chuzhixin/vue-admin-beautiful"
|
||||
>支持白嫖,也请给个star</a
|
||||
>
|
||||
支持白嫖,也请给个star
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
提供讨论群专属文档,QQ群 972435319
|
||||
@ -36,9 +37,9 @@
|
||||
<el-card>
|
||||
<div slot="header">
|
||||
VIP群
|
||||
<el-button style="float: right; padding: 3px 0;" type="text"
|
||||
>¥100</el-button
|
||||
>
|
||||
<el-button style="float: right; padding: 3px 0;" type="text">
|
||||
¥100
|
||||
</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<ul>
|
||||
@ -56,9 +57,9 @@
|
||||
<el-card>
|
||||
<div slot="header">
|
||||
商业用途 完全自定义版权
|
||||
<el-button style="float: right; padding: 3px 0;" type="text"
|
||||
>¥299</el-button
|
||||
>
|
||||
<el-button style="float: right; padding: 3px 0;" type="text">
|
||||
¥299
|
||||
</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<ul>
|
||||
|
@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<div class="menu1-1-container">
|
||||
<el-alert :closable="false" title="嵌套路由 1-1" type="success">
|
||||
<router-view
|
||||
/></el-alert>
|
||||
<router-view />
|
||||
</el-alert>
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
|
@ -14,8 +14,8 @@
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handleChangePermission"
|
||||
>切换权限
|
||||
<el-button type="primary" @click="handleChangePermission">
|
||||
切换权限
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item label="当前账号拥有的权限">
|
||||
@ -152,7 +152,10 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
handleChangePermission() {
|
||||
localStorage.setItem(tokenTableName, `${this.form.account}-accessToken`);
|
||||
localStorage.setItem(
|
||||
tokenTableName,
|
||||
`${this.form.account}-accessToken`
|
||||
);
|
||||
location.reload();
|
||||
},
|
||||
async fetchData() {
|
||||
|
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="player-container">
|
||||
<el-divider content-position="left"
|
||||
>视频地址采用cdn加速服务,开发时需部署到到本地,使用方法可查看群文档
|
||||
<el-divider content-position="left">
|
||||
视频地址采用cdn加速服务,开发时需部署到到本地,使用方法可查看群文档
|
||||
</el-divider>
|
||||
<el-row :gutter="20">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
||||
|
@ -20,7 +20,8 @@
|
||||
style="float: right; padding: 3px 0;"
|
||||
type="text"
|
||||
@click="handleProfile"
|
||||
>重载
|
||||
>
|
||||
重载
|
||||
</el-button>
|
||||
</div>
|
||||
<vab-profile
|
||||
|
@ -2,11 +2,11 @@
|
||||
<div class="table-container">
|
||||
<vab-query-form>
|
||||
<vab-query-form-left-panel>
|
||||
<el-button icon="el-icon-plus" type="primary" @click="handleAdd"
|
||||
>添加
|
||||
<el-button icon="el-icon-plus" type="primary" @click="handleAdd">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button icon="el-icon-delete" type="danger" @click="handleDelete"
|
||||
>删除
|
||||
<el-button icon="el-icon-delete" type="danger" @click="handleDelete">
|
||||
删除
|
||||
</el-button>
|
||||
<el-button type="primary" @click="testMessage">baseMessage</el-button>
|
||||
<el-button type="primary" @click="testALert">baseAlert</el-button>
|
||||
@ -29,7 +29,8 @@
|
||||
type="primary"
|
||||
native-type="submit"
|
||||
@click="handleQuery"
|
||||
>查询
|
||||
>
|
||||
查询
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
@ -87,8 +88,8 @@
|
||||
effect="dark"
|
||||
placement="top-start"
|
||||
>
|
||||
<el-tag :type="scope.row.status | statusFilter"
|
||||
>{{ scope.row.status }}
|
||||
<el-tag :type="scope.row.status | statusFilter">
|
||||
{{ scope.row.status }}
|
||||
</el-tag>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
@ -106,11 +107,9 @@
|
||||
fixed="right"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" @click="handleEdit(scope.row)"
|
||||
>编辑
|
||||
</el-button>
|
||||
<el-button type="text" @click="handleDelete(scope.row)"
|
||||
>删除
|
||||
<el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
|
||||
<el-button type="text" @click="handleDelete(scope.row)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
@ -32,21 +32,24 @@
|
||||
class="vab-tree-btn"
|
||||
title="添加"
|
||||
@click="() => append(node, data, 0)"
|
||||
><i class="el-icon-plus"></i
|
||||
></a>
|
||||
>
|
||||
<i class="el-icon-plus"></i>
|
||||
</a>
|
||||
<a
|
||||
class="vab-tree-btn"
|
||||
title="编辑"
|
||||
@click="() => edit(node, data, 1)"
|
||||
><i class="el-icon-edit"></i
|
||||
></a>
|
||||
>
|
||||
<i class="el-icon-edit"></i>
|
||||
</a>
|
||||
<a
|
||||
v-if="node.data.rank !== 1"
|
||||
class="vab-tree-btn"
|
||||
title="刪除"
|
||||
@click="() => remove(node, data)"
|
||||
><i class="el-icon-delete"></i
|
||||
></a>
|
||||
>
|
||||
<i class="el-icon-delete"></i>
|
||||
</a>
|
||||
</span>
|
||||
</span>
|
||||
</el-tree>
|
||||
@ -85,9 +88,9 @@
|
||||
>
|
||||
<i class="el-icon-plus"></i>
|
||||
</a>
|
||||
<a class="vab-tree-btn" title="编辑"
|
||||
><i class="el-icon-edit"></i
|
||||
></a>
|
||||
<a class="vab-tree-btn" title="编辑">
|
||||
<i class="el-icon-edit"></i>
|
||||
</a>
|
||||
<a
|
||||
v-if="node.data.rank !== 1"
|
||||
class="vab-tree-btn"
|
||||
@ -119,12 +122,16 @@
|
||||
</span>
|
||||
<span class="vab-tree-options">
|
||||
<!-- <a v-if="node.data.rank !== 4" class="vab-tree-btn" title="添加""><i class="el-icon-plus"></i></a> -->
|
||||
<a class="vab-tree-btn" title="编辑"
|
||||
><i class="el-icon-edit"></i
|
||||
></a>
|
||||
<a v-if="node.data.rank !== 1" class="vab-tree-btn" title="刪除"
|
||||
><i class="el-icon-delete"></i
|
||||
></a>
|
||||
<a class="vab-tree-btn" title="编辑">
|
||||
<i class="el-icon-edit"></i>
|
||||
</a>
|
||||
<a
|
||||
v-if="node.data.rank !== 1"
|
||||
class="vab-tree-btn"
|
||||
title="刪除"
|
||||
>
|
||||
<i class="el-icon-delete"></i>
|
||||
</a>
|
||||
</span>
|
||||
</span>
|
||||
</el-tree>
|
||||
|
@ -8,8 +8,8 @@
|
||||
:limit="50"
|
||||
:size="2"
|
||||
></vab-upload>
|
||||
<el-button type="primary" @click="handleShow({ key: 'value' })"
|
||||
>模拟上传
|
||||
<el-button type="primary" @click="handleShow({ key: 'value' })">
|
||||
模拟上传
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
Loading…
x
Reference in New Issue
Block a user