mirror of
https://gitee.com/chu1204505056/vue-admin-beautiful.git
synced 2025-04-06 03:58:00 +08:00
重新格式化代码
This commit is contained in:
parent
942b673ad6
commit
e7fe9b9b5e
@ -3,7 +3,7 @@
|
||||
<el-image
|
||||
:src="bigSrc"
|
||||
fit="cover"
|
||||
style="width: 100%; height: 100%;"
|
||||
style="width: 100%; height: 100%"
|
||||
@click="clickBig"
|
||||
></el-image>
|
||||
<el-image
|
||||
|
@ -41,7 +41,7 @@
|
||||
append-to-body
|
||||
:visible.sync="dialogVisible"
|
||||
>
|
||||
<div style="padding-bottom: 20px !important;">
|
||||
<div style="padding-bottom: 20px !important">
|
||||
<img width="100%" :src="dialogImageUrl" alt="" />
|
||||
</div>
|
||||
</el-dialog>
|
||||
@ -50,11 +50,11 @@
|
||||
<div
|
||||
slot="footer"
|
||||
class="dialog-footer"
|
||||
style="position: relative; padding-right: 15px; text-align: right;"
|
||||
style="position: relative; padding-right: 15px; text-align: right"
|
||||
>
|
||||
<div
|
||||
v-if="show"
|
||||
style="position: absolute; top: 10px; left: 15px; color: #999;"
|
||||
style="position: absolute; top: 10px; left: 15px; color: #999"
|
||||
>
|
||||
正在上传中... 当前上传成功数:{{ imgSuccessNum }}张 当前上传失败数:{{
|
||||
imgErrorNum
|
||||
@ -62,7 +62,7 @@
|
||||
</div>
|
||||
<el-button type="primary" @click="handleClose">关闭</el-button>
|
||||
<el-button
|
||||
style="margin-left: 10px;"
|
||||
style="margin-left: 10px"
|
||||
size="small"
|
||||
type="success"
|
||||
:loading="loading"
|
||||
|
@ -12,15 +12,15 @@
|
||||
href="https://github.com/chuzhixin/vue-admin-beautiful"
|
||||
>
|
||||
<img
|
||||
style="height: 100%; margin-right: 10px;"
|
||||
style="height: 100%; margin-right: 10px"
|
||||
src="https://img.shields.io/github/stars/chuzhixin/vue-admin-beautiful?style=flat-square&label=Stars&logo=github"
|
||||
/>
|
||||
<img
|
||||
style="height: 100%; margin-right: 10px;"
|
||||
style="height: 100%; margin-right: 10px"
|
||||
src=" https://img.shields.io/badge/Visitors-79.3k/month-blue?style=flat-square&logo=Visual Studio Code"
|
||||
/>
|
||||
<img
|
||||
style="height: 100%; margin-right: 10px;"
|
||||
style="height: 100%; margin-right: 10px"
|
||||
src="https://img.shields.io/github/last-commit/chuzhixin/vue-admin-beautiful?style=flat-square&label=Last Commit&logo=vue.js"
|
||||
/>
|
||||
</a>
|
||||
@ -128,7 +128,7 @@
|
||||
<el-card class="card" shadow="never">
|
||||
<div slot="header">
|
||||
<span>更新日志</span>
|
||||
<div style="float: right;">部署时间:{{ updateTime }}</div>
|
||||
<div style="float: right">部署时间:{{ updateTime }}</div>
|
||||
</div>
|
||||
<div class="bottom-btn">
|
||||
<el-popover placement="top" width="250" trigger="hover">
|
||||
@ -263,9 +263,9 @@
|
||||
<div slot="header">
|
||||
<span>其他信息</span>
|
||||
</div>
|
||||
<div style="text-align: center;">
|
||||
<vab-colorful-icon style="font-size: 140px;" icon-class="vab" />
|
||||
<h1 style="font-size: 30px;">vue-admin-beautiful</h1>
|
||||
<div style="text-align: center">
|
||||
<vab-colorful-icon style="font-size: 140px" icon-class="vab" />
|
||||
<h1 style="font-size: 30px">vue-admin-beautiful</h1>
|
||||
</div>
|
||||
<div v-for="(item, index) in noticeList" :key="index">
|
||||
<el-alert
|
||||
|
@ -5,11 +5,11 @@
|
||||
title="beautiful boys and girls欢迎加入vue-admin-beautifulQQ群:972435319"
|
||||
type="success"
|
||||
:closable="false"
|
||||
style="position: fixed;"
|
||||
style="position: fixed"
|
||||
></el-alert>
|
||||
<el-row>
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
|
||||
<div style="color: transparent;">占位符</div>
|
||||
<div style="color: transparent">占位符</div>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
||||
<el-form
|
||||
@ -19,11 +19,9 @@
|
||||
class="login-form"
|
||||
label-position="left"
|
||||
>
|
||||
<div class="title">
|
||||
hello !
|
||||
</div>
|
||||
<div class="title">hello !</div>
|
||||
<div class="title-tips">欢迎来到{{ title }}!</div>
|
||||
<el-form-item style="margin-top: 40px;" prop="username">
|
||||
<el-form-item style="margin-top: 40px" prop="username">
|
||||
<span class="svg-container svg-container-admin">
|
||||
<vab-icon :icon="['fas', 'user']" />
|
||||
</span>
|
||||
@ -68,7 +66,7 @@
|
||||
登录
|
||||
</el-button>
|
||||
<router-link to="/register">
|
||||
<div style="margin-top: 20px;">注册</div>
|
||||
<div style="margin-top: 20px">注册</div>
|
||||
</router-link>
|
||||
</el-form>
|
||||
</el-col>
|
||||
|
@ -2,9 +2,7 @@
|
||||
<div>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||
<el-form-item label-width="0">
|
||||
<el-alert show-icon>
|
||||
请务必仔细填写并核对
|
||||
</el-alert>
|
||||
<el-alert show-icon>请务必仔细填写并核对</el-alert>
|
||||
</el-form-item>
|
||||
<el-form-item label="付款账户" prop="payAccount">
|
||||
<el-input v-model="form.payAccount"></el-input>
|
||||
|
@ -5,11 +5,11 @@
|
||||
title="beautiful boys and girls欢迎加入vue-admin-beautifulQQ群:972435319"
|
||||
type="success"
|
||||
:closable="false"
|
||||
style="position: fixed;"
|
||||
style="position: fixed"
|
||||
></el-alert>
|
||||
<el-row>
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
|
||||
<div style="color: transparent;">占位符</div>
|
||||
<div style="color: transparent">占位符</div>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
||||
<el-form
|
||||
@ -23,7 +23,7 @@
|
||||
<el-input
|
||||
v-model.trim="form.username"
|
||||
v-focus
|
||||
style="margin-top: 20px;"
|
||||
style="margin-top: 20px"
|
||||
type="text"
|
||||
placeholder="请输入用户名"
|
||||
auto-complete="off"
|
||||
@ -43,7 +43,7 @@
|
||||
<vab-icon slot="prefix" :icon="['fas', 'mobile-alt']"></vab-icon>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="phoneCode" style="position: relative;">
|
||||
<el-form-item prop="phoneCode" style="position: relative">
|
||||
<el-input
|
||||
v-model.trim="form.phoneCode"
|
||||
type="text"
|
||||
@ -82,7 +82,7 @@
|
||||
注册
|
||||
</el-button>
|
||||
<router-link to="/login">
|
||||
<div style="margin-top: 20px;">登录</div>
|
||||
<div style="margin-top: 20px">登录</div>
|
||||
</router-link>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="back-to-top-container">
|
||||
<div v-for="(item, index) in 100" :key="index" style="padding: 20px;">
|
||||
<div v-for="(item, index) in 100" :key="index" style="padding: 20px">
|
||||
测试滚轮显示返回顶部-{{ index }}
|
||||
</div>
|
||||
<!-- <el-tooltip placement="top" content="返回顶部"><vab-back-to-top transition-name="fade" /></el-tooltip> -->
|
||||
|
@ -5,7 +5,7 @@
|
||||
动画时长
|
||||
<el-slider
|
||||
v-model="time"
|
||||
style="width: 300px;"
|
||||
style="width: 300px"
|
||||
:min="100"
|
||||
:max="3000"
|
||||
></el-slider>
|
||||
|
@ -7,7 +7,7 @@
|
||||
这世界嘲笑你的人有很多,你又不是圣人,干嘛对每个人都仁慈,面对无端的辱骂和攻击,你只能选择将他记在这里,时刻提醒自己。
|
||||
</el-alert>
|
||||
<br />
|
||||
<el-table :data="tableData" style="width: 100%;">
|
||||
<el-table :data="tableData" style="width: 100%">
|
||||
<el-table-column prop="name" label="QQ昵称" width="180"></el-table-column>
|
||||
<el-table-column prop="qq" label="QQ号" width="180"></el-table-column>
|
||||
<el-table-column prop="excuse" label="是否可原谅"></el-table-column>
|
||||
|
@ -14,7 +14,7 @@
|
||||
<div slot="header">
|
||||
<span>{{ item.title }}</span>
|
||||
</div>
|
||||
<div style="width: 100%; height: 200px;">
|
||||
<div style="width: 100%; height: 200px">
|
||||
<vab-image
|
||||
:big-src="item.img"
|
||||
:percent="item.percent"
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<div slot="header" class="clearfix" style="margin-bottom: 15px;">
|
||||
<div slot="header" class="clearfix" style="margin-bottom: 15px">
|
||||
<el-button type="primary" @click="prettierJSON">生成表格</el-button>
|
||||
</div>
|
||||
<json-editor v-model="value" @change="prettierNewJSON" />
|
||||
|
@ -19,7 +19,7 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-dialog title="预览效果" :visible.sync="dialogTableVisible">
|
||||
<div style="min-height: 60vh;">
|
||||
<div style="min-height: 60vh">
|
||||
<h1 class="news-title">{{ form.title }}</h1>
|
||||
<div class="news-content" v-html="form.content"></div>
|
||||
</div>
|
||||
|
@ -34,7 +34,7 @@
|
||||
>
|
||||
<el-card
|
||||
shadow="hover"
|
||||
style="cursor: pointer;"
|
||||
style="cursor: pointer"
|
||||
@click.native="handleCopyIcon(index, $event)"
|
||||
>
|
||||
<vab-colorful-icon
|
||||
|
@ -28,7 +28,7 @@
|
||||
>
|
||||
<el-card
|
||||
shadow="hover"
|
||||
style="cursor: pointer;"
|
||||
style="cursor: pointer"
|
||||
@click.native="handleCopyIcon(index, $event)"
|
||||
>
|
||||
<vab-icon :icon="['fas', item]" />
|
||||
|
@ -34,7 +34,7 @@
|
||||
>
|
||||
<el-card
|
||||
shadow="hover"
|
||||
style="cursor: pointer;"
|
||||
style="cursor: pointer"
|
||||
@click.native="handleCopyIcon(index, $event)"
|
||||
>
|
||||
<vab-remix-icon
|
||||
|
@ -12,7 +12,7 @@
|
||||
>
|
||||
<vab-comparison
|
||||
:id="'silder-' + index"
|
||||
style="margin-bottom: 12px;"
|
||||
style="margin-bottom: 12px"
|
||||
:width="comparison.width"
|
||||
:height="comparison.height"
|
||||
:src1="comparison.src1"
|
||||
|
@ -8,7 +8,7 @@
|
||||
<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>
|
||||
@ -25,9 +25,7 @@
|
||||
支持白嫖,也请给个star
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
提供讨论群专属文档,QQ群 972435319
|
||||
</li>
|
||||
<li>提供讨论群专属文档,QQ群 972435319</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-card>
|
||||
@ -36,7 +34,7 @@
|
||||
<el-card>
|
||||
<div slot="header">
|
||||
VIP群
|
||||
<el-button style="float: right; padding: 3px 0;" type="text">
|
||||
<el-button style="float: right; padding: 3px 0" type="text">
|
||||
¥100
|
||||
</el-button>
|
||||
</div>
|
||||
@ -57,7 +55,7 @@
|
||||
<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">
|
||||
¥299
|
||||
</el-button>
|
||||
</div>
|
||||
@ -78,7 +76,7 @@
|
||||
<el-card>
|
||||
<div slot="header">
|
||||
PRO版
|
||||
<el-button style="float: right; padding: 3px 0;" type="text">
|
||||
<el-button style="float: right; padding: 3px 0" type="text">
|
||||
¥599
|
||||
</el-button>
|
||||
</div>
|
||||
@ -94,9 +92,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>PRO独立版本与开源版本不同</li>
|
||||
<li>
|
||||
无开源版限制,无版权限制,无需额外配置,拿来即用
|
||||
</li>
|
||||
<li>无开源版限制,无版权限制,无需额外配置,拿来即用</li>
|
||||
<li>免费加入vue-admin-beautifl github团队</li>
|
||||
<li>提供16种布局主题搭配</li>
|
||||
<li>图标使用方式大为简化</li>
|
||||
|
@ -22,9 +22,7 @@
|
||||
{{ JSON.stringify(permissions) }}
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-divider content-position="left">
|
||||
按钮级权限演示
|
||||
</el-divider>
|
||||
<el-divider content-position="left">按钮级权限演示</el-divider>
|
||||
<el-button v-permissions="['admin']" type="primary">
|
||||
我是拥有["admin"]权限的按钮
|
||||
</el-button>
|
||||
|
@ -17,7 +17,7 @@
|
||||
<div slot="header">
|
||||
<span>profile</span>
|
||||
<el-button
|
||||
style="float: right; padding: 3px 0;"
|
||||
style="float: right; padding: 3px 0"
|
||||
type="text"
|
||||
@click="handleProfile"
|
||||
>
|
||||
|
@ -18,7 +18,7 @@
|
||||
<el-table-column show-overflow-tooltip min-width="300px" label="标题">
|
||||
<template slot-scope="{ row }">
|
||||
<template v-if="row.edit">
|
||||
<el-input v-model="row.title" style="width: 300px;" />
|
||||
<el-input v-model="row.title" style="width: 300px" />
|
||||
<el-button
|
||||
class="cancel-btn"
|
||||
type="warning"
|
||||
|
Loading…
x
Reference in New Issue
Block a user