选项A
@@ -100,7 +100,7 @@ export default {
-|-|-|-|-
value / v-model | 绑定值 | Object | - | -
list | 表单项配置列表 | Array | - | []
-formProps | [el-form组件参数](https://element.eleme.cn/#/zh-CN/component/form#form-attributes) | Object | - | {}
+formProps | el-form组件参数 | Object | - | {}
span | 表单项占位 | Number | 0 - 24 | 6
searching | 查询按钮加载状态 | Boolean | true/false | false
diff --git a/examples/views/docs/component/table.md b/examples/views/docs/component/table.md
index c5d42c4..2e07452 100644
--- a/examples/views/docs/component/table.md
+++ b/examples/views/docs/component/table.md
@@ -4,7 +4,7 @@
## 基础用法
-创建一个基础表格，配置项支持[el-table-column组件参数](https://element.eleme.cn/#/zh-CN/component/table#table-column-attributes)
+创建一个基础表格，配置项支持el-table-column组件参数
::: snippet 使用`list`属性设置数据源，每一项都已设置为**el-table-column**
@@ -163,7 +163,7 @@ tableEvents | ElementUI表格事件 | Object | - | {}
## Methods 方法
-可以通过引用`$ref`获取到el-table的实体对象`instance`，从而使用[el-table](https://element.eleme.cn/#/zh-CN/component/table#table-methods)的所有方法
+可以通过引用`$ref`获取到el-table的实体对象`instance`，从而使用el-table的所有方法
## List 表单项配置列表
@@ -174,4 +174,4 @@ tableEvents | ElementUI表格事件 | Object | - | {}
key | 参数名 | String | - | -
label | 参数标签 | String | - | -
visible | 表格列显示状态 | Boolean,Function(tableData: array) | - | true
-其它参数 | [el-table-column组件参数](https://element.eleme.cn/#/zh-CN/component/table#table-column-attributes) | Any | - | -
\ No newline at end of file
+其它参数 | el-table-column组件参数 | Any | - | -
diff --git a/examples/views/docs/guide/introduce.md b/examples/views/docs/guide/introduce.md
index 7542367..2985795 100644
--- a/examples/views/docs/guide/introduce.md
+++ b/examples/views/docs/guide/introduce.md
@@ -1,12 +1,11 @@
# {{ appName }}
-`{{ appName }}` 是在基于**Vue 2.0**的 [**Element**](https://element.eleme.cn) 组件库基础上的扩展组件库，主要用于快速生成企业后台管理项目。
+`{{ appName }}` 是在基于**Vue 2.0**的 Element 组件库基础上的扩展组件库，主要用于快速生成企业后台管理项目。
## 特性
数据驱动视图、组件模块化替换、任意组件渲染
-::: html
@@ -14,11 +13,10 @@
-:::
**Vue.js**提供核心驱动，**Element**组成基本结构，{{ appName }}渲染配置数据
## 谁在使用
-* [翌车科技](http://www.yichekeji.com/)
-* [申服科技](http://www.shenfutech.com/)
\ No newline at end of file
+* 翌车科技
+* 申服科技
diff --git a/examples/views/layout/component.vue b/examples/views/layout/component.vue
index 1aaa66a..9f281d4 100644
--- a/examples/views/layout/component.vue
+++ b/examples/views/layout/component.vue
@@ -99,9 +99,10 @@ export default {
this.anchorList = [];
const domList = document.querySelectorAll('.header-anchor');
let anchorList = [];
+ let anchorBreak = false;
for (let index in domList) {
let dom = domList[index] || {};
- if (dom.addEventListener) {
+ if (dom.parentNode) {
dom.addEventListener('click', e => {
// 阻止a标签的默认行为
e = e || window.event;
@@ -109,14 +110,13 @@ export default {
document.documentElement.scrollTop = dom.offsetTop - headerHeight;
this.$router.replace({ path: this.$route.path, hash: dom.hash });
});
- }
- if (dom.parentNode) {
- const text = `${dom.parentNode.innerHTML}`.replace(/<\/?.*[^>]*>/g, '').trim();
- if (text === 'API') {
- break;
- } else {
+ const text = `${dom.parentNode.innerHTML}`.replace(/<\/?.*[^>]*>/g, '').trim(); // 从innerHTML中去掉其它标签获及空格取文本内容
+ if (text === 'API') { // 跳过API及之后的锚点
+ anchorBreak = true;
+ }
+ if (!anchorBreak) {
anchorList.push({
- text: `${dom.parentNode.innerHTML}`.replace(/<\/?.*[^>]*>/g, '').trim(),
+ text,
href: dom.href,
hash: dom.hash,
});
@@ -190,7 +190,7 @@ export default {
text-decoration: none;
padding: 5px 20px;
color: $text;
- transition: all 300ms;
+ transition: all 300ms ease-out;
border-left: 1px solid $border;
cursor: pointer;
}
diff --git a/vue.config.js b/vue.config.js
index 225ed6d..5b195a4 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -59,7 +59,7 @@ module.exports = {
// },
// webpack-dev-server 相关配置
devServer: {
- open: false,
+ open: true,
host: '0.0.0.0',
port: 8888,
https: false,
diff --git a/webpack/markdown-loader.js b/webpack/markdown-loader.js
index ca11d85..77acefe 100644
--- a/webpack/markdown-loader.js
+++ b/webpack/markdown-loader.js
@@ -12,16 +12,13 @@ module.exports = source => {
let styleCodeList = [];
// 初始还MarkdownIt用于转换md文件为html
const markdownIt = MarkdownIt({
+ html: true,
// 将markdown中的代码块用hljs高亮显示
highlight: (str, lang) => {
if (lang && hljs.getLanguage(lang)) {
- return `${
- hljs.highlight(lang, str.replace(/\{\{/g, '{ {').replace(/\}\}/g, '} }'), true).value
- }
`;
+ return `${hljs.highlight(lang, str, true).value}
`;
}
- return `${markdownIt.utils.escapeHtml(
- str.replace(/\{\{/g, '{ {').replace(/\}\}/g, '} }')
- )}
`;
+ return `${markdownIt.utils.escapeHtml(str)}
`;
}
});
// 使用【markdown-it-anchor】插件为markdown创建锚点
@@ -92,20 +89,6 @@ module.exports = source => {
`;
}
});
- // 使用【markdown-it-container】插件解析【:::html :::】代码块为vue渲染
- markdownIt.use(MarkdownItContainer, "html", {
- // 验证代码块为【:::html :::】才进行渲染
- validate(params) {
- return params.trim().match(/^html\s*(.*)$/);
- },
- // 代码块渲染
- render(tokens, index) {
- if (tokens[index].nesting === 1) {
- return ``;
- }
- return ``;
- }
- });
// 将所有转换好的代码字符串拼接成vue单组件template、script、style格式
return `
--
libgit2 0.21.0