fix: 界面展示的修改

Author: coderyjw

src/lib/tag/index.vue

@@ -67,7 +67,7 @@ export default {
  align-items: center;
  flex-wrap: nowrap;
  padding: 0 7px;
- height: 28px;
+ height: 30px;
  font-size: 14px;
  line-height: 1;
  border-radius: 2px;
@@ -100,8 +100,8 @@ export default {
  border: 1px solid rgb(249, 214, 159);
  }
  &.is-info {
- color: rgb(32, 128, 240);
- background-color: rgba(32, 128, 240, 0.1);
+ color: rgb(32, 130, 240);
+ background-color: rgba(32, 130, 240, 0.1);
  border: 1px solid rgb(172, 208, 249);
  }
  &.is-error {
@@ -112,8 +112,8 @@ export default {
 
  &.is-small {
  font-size: 12px;
- line-height: 12px;
- height: 22px;
+ line-height: 14px;
+ height: 24px;
  }
 
  &.is-large {

src/views/doc/affix/AffixPreview2.preview.vue

@@ -9,7 +9,7 @@
 <style scoped>
 .affix-container {
  text-align: center;
- height: 400px;
+ height: 800px;
  border-radius: 4px;
  background-color: #edf5ef;
  width: 100%;

src/views/doc/backtop/BacktopPreview1.preview.vue

@@ -1,5 +1,5 @@
 <preview>基础用法</preview>
 <template>
- 往下滑出现Backtop
+ <div style="height: 300px">往下滑出现Backtop</div>
  <jw-backtop target="#doc-content-container" />
 </template>

src/views/doc/backtop/BacktopPreview2.preview.vue

@@ -1,6 +1,6 @@
 <preview>自定义内容</preview>
 <template>
- 往下滑出现Backtop
+ <div style="height: 300px">往下滑出现Backtop</div>
  <jw-backtop target="#doc-content-container" :bottom="100">
  <div
  style="

src/views/doc/divider/index.vue

@@ -22,7 +22,7 @@ import DividerPreview1 from "./DividerPreview1.preview.vue";
 import DividerPreview2 from "./DividerPreview2.preview.vue";
 import DividerPreview3 from "./DividerPreview3.preview.vue";
 import Doc from "@/components/Doc.vue";
-import PrevAndNext from "@/components/PrevAndNext";
+import PrevAndNext from "@/components/PrevAndNext.vue";
 
 const propDoc = [
  ["title-placement", "标题的位置", "string", "left / right / center", "left"],