提交 21f57cbf 编写于 作者: yma16's avatar yma16

perf:code

上级 532efc4c
...@@ -74,3 +74,4 @@ Vue.use(ElementUI) ...@@ -74,3 +74,4 @@ Vue.use(ElementUI)
##
...@@ -7,8 +7,6 @@ ...@@ -7,8 +7,6 @@
<script> <script>
// import * as echarts from 'echarts' // import * as echarts from 'echarts'
export default { export default {
name: 'Bilicom', name: 'Bilicom',
data () { data () {
......
...@@ -13,11 +13,7 @@ ...@@ -13,11 +13,7 @@
</template> </template>
<script> <script>
import VueMarkdown from 'vue-markdown'
export default { export default {
components: {
VueMarkdown
},
name: 'Mavoneditor', name: 'Mavoneditor',
data () { data () {
return { return {
......
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
element-loading-spinner="el-icon-loading" element-loading-spinner="el-icon-loading"
:before-close="handleDrawClose" :before-close="handleDrawClose"
:wrapperClosable="false" :wrapperClosable="false"
class="email-drawer"
> >
<template v-if="drawObj.show"> <template v-if="drawObj.show">
<div class="email-container"> <div class="email-container">
...@@ -25,10 +24,10 @@ ...@@ -25,10 +24,10 @@
<el-input placeholder="标题" v-model="emailForm.title" clearable> <el-input placeholder="标题" v-model="emailForm.title" clearable>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="邮箱" prop="email"> <!-- <el-form-item label="邮箱" prop="email">-->
<el-input placeholder="邮箱" v-model="emailForm.email" clearable> <!-- <el-input placeholder="邮箱" v-model="emailForm.email" clearable>-->
</el-input> <!-- </el-input>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="内容" prop="content"> <el-form-item label="内容" prop="content">
<el-input <el-input
type="textarea" type="textarea"
...@@ -47,8 +46,8 @@ ...@@ -47,8 +46,8 @@
</el-form> </el-form>
</div> </div>
<div class="email-footer"> <div class="email-footer">
<p>联系邮箱</p> <span>联系邮箱:</span>
<p>1432448610@qq.com</p> <el-link type="primary" href="mailto:1432448610@qq.com">1432448610@qq.com</el-link>
</div> </div>
</div> </div>
</template> </template>
...@@ -226,6 +225,7 @@ export default { ...@@ -226,6 +225,7 @@ export default {
float: left; float: left;
width: 100%; width: 100%;
margin-left: 30px; margin-left: 30px;
margin-top: 80px;
text-align: left; text-align: left;
font-size: 12px; font-size: 12px;
} }
......
<template> <template>
<div class="markdown-link"> <div class="markdown-link">
<div v-for="(item,index) in content" :key="index"> <template v-if="isExpand">
<div> <i class="el-icon-s-fold" @click="reverseExpand" style="color:#ffffff;cursor: pointer;margin-bottom: 10px;float: right">&nbsp;隐藏目录</i>
<template v-for="levelItem in item.level"> <div v-for="(item,index) in content" :key="index">
&nbsp; <div>
</template> <template v-for="levelItem in item.level">
<span @click="jumpText(item)" class="link-title">{{item.value}}</span> &nbsp;
</template>
<span @click="jumpText(item)" class="link-title">{{item.value}}</span>
</div>
</div> </div>
</div> </template>
<i class="el-icon-s-fold" v-else @click="reverseExpand" style="color:#ffffff;cursor: pointer">&nbsp;显示目录</i>
</div> </div>
</template> </template>
<script> <script>
...@@ -18,7 +22,8 @@ export default { ...@@ -18,7 +22,8 @@ export default {
}, },
data () { data () {
return { return {
content: '' content: '',
isExpand: true
} }
}, },
watch: { watch: {
...@@ -35,6 +40,9 @@ export default { ...@@ -35,6 +40,9 @@ export default {
console.log('design vuemarkdown dir') console.log('design vuemarkdown dir')
}, },
methods: { methods: {
reverseExpand () {
this.isExpand = !this.isExpand
},
jumpText (item) { jumpText (item) {
const {level, value} = item const {level, value} = item
console.log(level, value) console.log(level, value)
...@@ -52,19 +60,16 @@ export default { ...@@ -52,19 +60,16 @@ export default {
<style> <style>
.markdown-link{ .markdown-link{
position: fixed; position: fixed;
background:rgba(64, 158, 255,.5); background:rgba(64, 158, 255,.9);
float: right; float: right;
max-width: 400px; max-width: 400px;
padding:20px; padding:20px;
right:120px; right:120px;
top:100px; top:75px;
border-radius: 20px; border-radius: 20px;
box-shadow: 0 5px 20px rgba(0,0,0,0.4); box-shadow: 0 5px 20px rgba(0,0,0,0.4);
transition: 2s; transition: 2s;
} }
.markdown-link:hover{
background: rgba(64, 158, 255,.9);
}
.link-title{ .link-title{
cursor: pointer; cursor: pointer;
color: #ffffff; color: #ffffff;
......
...@@ -28,10 +28,18 @@ ...@@ -28,10 +28,18 @@
<el-button @click="resetForm('ruleForm')">清空</el-button> <el-button @click="resetForm('ruleForm')">清空</el-button>
</el-form-item> </el-form-item>
<el-form-item>
<el-link target="_blank" @click="$router.push({ path: '/register' })"
>没有账号?</el-link
>
<el-link type="primary" @click="$router.push({ path: '/register' })"
>去注册</el-link
>
</el-form-item>
<el-form-item> <el-form-item>
<div style="width: 100%"> <div style="width: 100%">
<el-divider>三方登录</el-divider> <el-divider>其他登录</el-divider>
<div style="display: flex;width: 100%"> <div style="display: flex;width: 100%">
<div style="width:50%;text-align: center"> <div style="width:50%;text-align: center">
<img src="https://ts2.cn.mm.bing.net/th?id=ODLS.f9daea21-9936-4164-815f-b5209459f3c6&w=32&h=32&qlt=90&pcl=fffffa&o=6&pid=1.2" style="width:10px;line-height: 56px"/> <img src="https://ts2.cn.mm.bing.net/th?id=ODLS.f9daea21-9936-4164-815f-b5209459f3c6&w=32&h=32&qlt=90&pcl=fffffa&o=6&pid=1.2" style="width:10px;line-height: 56px"/>
...@@ -49,15 +57,6 @@ ...@@ -49,15 +57,6 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item>
<el-link target="_blank" @click="$router.push({ path: '/register' })"
>没有账号?</el-link
>
<el-link type="primary" @click="$router.push({ path: '/register' })"
>去注册</el-link
>
</el-form-item>
</el-form> </el-form>
</div> </div>
</el-card> </el-card>
...@@ -202,4 +201,8 @@ export default { ...@@ -202,4 +201,8 @@ export default {
/deep/ .el-card__body{ /deep/ .el-card__body{
width: 100% !important; width: 100% !important;
} }
/deep/ .el-divider__text{
background-color: transparent !important;
}
</style> </style>
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</template> </template>
<script> <script>
import * as echarts from 'echarts/index' // import * as echarts from 'echarts/index'
export default { export default {
name: 'EchartWeather', name: 'EchartWeather',
data () { data () {
......
...@@ -125,12 +125,8 @@ ...@@ -125,12 +125,8 @@
</template> </template>
<script> <script>
import VueMarkdown from 'vue-markdown'
export default { export default {
components: {
VueMarkdown
},
name: 'Onlinewebsocket', name: 'Onlinewebsocket',
data () { data () {
return { return {
......
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
</template> </template>
<script> <script>
import * as echarts from 'echarts' // import * as echarts from 'echarts'
export default { export default {
name: 'Map', name: 'Map',
......
// The Vue build version to load with the `import` command // The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias. // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
// vue cdn // vue cdn
import Vue from 'vue' // import Vue from 'vue'
import axios from 'axios' // import axios from 'axios'
import hljs from 'highlight.js' // import hljs from 'highlight.js'
import importElementComponents from './importElement' // import importElementComponents from './importElement'
import importEchartsComponents from './importEchartsComponents' // import importEchartsComponents from './importEchartsComponents'
// 样式cnd // 样式cnd
import 'github-markdown-css/github-markdown.css' import 'github-markdown-css/github-markdown.css'
import 'nprogress/nprogress.css' import 'nprogress/nprogress.css'
...@@ -54,11 +54,11 @@ if (env === 'production') { ...@@ -54,11 +54,11 @@ if (env === 'production') {
throw Error(e) throw Error(e)
} }
} else { } else {
// 按需引入elementui // // 按需引入elementui
importElementComponents(Vue) // importElementComponents(Vue)
//
// 按需引入echarts // // 按需引入echarts
importEchartsComponents(Vue) // importEchartsComponents(Vue)
Vue.config.productionTip = false Vue.config.productionTip = false
new Vue({ new Vue({
......
import Vue from 'vue' // import Vue from 'vue'
import Vuex from 'vuex' // import Vuex from 'vuex'
// import createLogger from '../../../src/plugins/logger' // import createLogger from '../../../src/plugins/logger'
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册