officialblock 1.0.8 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/official-block.cjs.js +1 -1
- package/dist/official-block.es.js +55 -23
- package/dist/official-block.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/assets/icon-email.svg +3 -0
- package/src/components/ArticleList/setting.vue +316 -142
- package/src/components/BannerImageWithLink/index.ts +11 -0
- package/src/components/BannerImageWithLink/index.vue +323 -0
- package/src/components/BannerImageWithLink/setting.vue +344 -0
- package/src/components/BannerImageWithLink/type.ts +17 -0
- package/src/components/ContactUsList/index.ts +11 -0
- package/src/components/ContactUsList/index.vue +369 -0
- package/src/components/ContactUsList/setting.vue +497 -0
- package/src/components/ContactUsList/type.ts +17 -0
- package/src/components/CountDown/index.ts +11 -0
- package/src/components/CountDown/index.vue +315 -0
- package/src/components/CountDown/setting.vue +302 -0
- package/src/components/CountDown/type.ts +17 -0
- package/src/components/CustomIframe/index.ts +11 -0
- package/src/components/CustomIframe/index.vue +118 -0
- package/src/components/CustomIframe/setting.vue +323 -0
- package/src/components/CustomIframe/type.ts +17 -0
- package/src/components/Operate/index.vue +1 -2
- package/src/components/QuoteText/index.vue +4 -4
- package/src/components/ScrollKeyInfo/index.ts +11 -0
- package/src/components/ScrollKeyInfo/index.vue +1345 -0
- package/src/components/ScrollKeyInfo/setting.vue +302 -0
- package/src/components/ScrollKeyInfo/type.ts +17 -0
- package/src/components/TabDefault/components/ComponentSelector/compsData.js +143 -0
- package/src/components/TabDefault/components/ComponentSelector/index.vue +188 -0
- package/src/components/TabDefault/components/PageContent.vue +207 -0
- package/src/components/TabDefault/index.vue +475 -0
- package/src/components/TabDefault/setting.vue +581 -0
- package/src/components/TabDefault/type.ts +17 -0
- package/src/components/TableTwo/index.ts +11 -0
- package/src/components/TableTwo/index.vue +232 -0
- package/src/components/TableTwo/setting.vue +558 -0
- package/src/components/TableTwo/type.ts +17 -0
- package/src/components/index.ts +17 -0
- package/src/styles/component-isolation.scss +2 -1
- package/src/views/components/ArticleListDemo.vue +50 -49
|
@@ -1,64 +1,65 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="demo-page">
|
|
3
|
-
<BannerPage
|
|
4
|
-
v-model="bannerPageData"
|
|
5
|
-
></BannerPage>
|
|
3
|
+
<!-- <BannerPage v-model="bannerPageData"></BannerPage> -->
|
|
6
4
|
|
|
7
|
-
<CustomSpace
|
|
8
|
-
v-model="customSpaceData"
|
|
9
|
-
></CustomSpace>
|
|
5
|
+
<!-- <CustomSpace v-model="customSpaceData"></CustomSpace> -->
|
|
10
6
|
|
|
11
|
-
<HeroSlide
|
|
12
|
-
v-model="heroSlideData"
|
|
13
|
-
></HeroSlide>
|
|
7
|
+
<!-- <HeroSlide v-model="heroSlideData"></HeroSlide> -->
|
|
14
8
|
|
|
15
|
-
<BannerImage
|
|
16
|
-
v-model="bannerImageData"
|
|
17
|
-
></BannerImage>
|
|
9
|
+
<!-- <BannerImage v-model="bannerImageData"></BannerImage> -->
|
|
18
10
|
|
|
19
|
-
<ArticleList
|
|
20
|
-
v-model="articleListData"
|
|
21
|
-
/>
|
|
11
|
+
<ArticleList v-model="articleListData" />
|
|
22
12
|
|
|
23
|
-
<QuoteText
|
|
24
|
-
v-model="quoteTextData"
|
|
25
|
-
/>
|
|
13
|
+
<QuoteText v-model="quoteTextData" />
|
|
26
14
|
|
|
27
|
-
<GalleryList
|
|
28
|
-
v-model="galleryListData"
|
|
29
|
-
/>
|
|
15
|
+
<GalleryList v-model="galleryListData" />
|
|
30
16
|
|
|
31
|
-
<BtnList
|
|
32
|
-
v-model="btnListData"
|
|
33
|
-
/>
|
|
17
|
+
<BtnList v-model="btnListData" />
|
|
34
18
|
|
|
35
|
-
<LinkList
|
|
36
|
-
|
|
37
|
-
|
|
19
|
+
<LinkList v-model="linkListData" />
|
|
20
|
+
<CountDown v-model="countDownData" />
|
|
21
|
+
<TabDefault v-model="defaultTabData"></TabDefault>
|
|
22
|
+
<!-- <CustomIframe v-model="customIframeData" />
|
|
23
|
+
<BannerImageWithLink v-model="BannerImageWithLinkData" />
|
|
24
|
+
<ContactUsList v-model="contactUsListData" />
|
|
25
|
+
<TableTwo v-model="tableTwoData" /> -->
|
|
38
26
|
</div>
|
|
39
27
|
</template>
|
|
40
28
|
|
|
41
29
|
<script setup lang="ts">
|
|
42
|
-
import { ref } from
|
|
43
|
-
import ArticleList from
|
|
44
|
-
import BannerPage from
|
|
45
|
-
import CustomSpace from
|
|
46
|
-
import HeroSlide from
|
|
47
|
-
import BannerImage from
|
|
48
|
-
import QuoteText from
|
|
49
|
-
import GalleryList from
|
|
50
|
-
import BtnList from
|
|
51
|
-
import LinkList from
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
const
|
|
61
|
-
const
|
|
30
|
+
import { ref } from "vue";
|
|
31
|
+
import ArticleList from "@/components/ArticleList/index.vue";
|
|
32
|
+
import BannerPage from "@/components/BannerPage/index.vue";
|
|
33
|
+
import CustomSpace from "@/components/CustomSpace/index.vue";
|
|
34
|
+
import HeroSlide from "@/components/HeroSlide/index.vue";
|
|
35
|
+
import BannerImage from "@/components/BannerImage/index.vue";
|
|
36
|
+
import QuoteText from "@/components/QuoteText/index.vue";
|
|
37
|
+
import GalleryList from "@/components/GalleryList/index.vue";
|
|
38
|
+
import BtnList from "@/components/BtnList/index.vue";
|
|
39
|
+
import LinkList from "@/components/LinkLIst/index.vue";
|
|
40
|
+
import CountDown from "@/components/CountDown/index.vue";
|
|
41
|
+
import TabDefault from "@/components/TabDefault/index.vue";
|
|
42
|
+
import CustomIframe from "@/components/CustomIframe/index.vue";
|
|
43
|
+
import BannerImageWithLink from "@/components/BannerImageWithLink/index.vue";
|
|
44
|
+
import ContactUsList from "@/components/ContactUsList/index.vue";
|
|
45
|
+
import TableTwo from "@/components/TableTwo/index.vue";
|
|
46
|
+
import ScrollKeyInfo from "@/components/ScrollKeyInfo/index.vue";
|
|
47
|
+
|
|
48
|
+
const articleListData = ref();
|
|
49
|
+
const customSpaceData = ref();
|
|
50
|
+
const heroSlideData = ref();
|
|
51
|
+
const bannerImageData = ref();
|
|
52
|
+
const quoteTextData = ref();
|
|
53
|
+
const galleryListData = ref();
|
|
54
|
+
const btnListData = ref();
|
|
55
|
+
const linkListData = ref();
|
|
56
|
+
const countDownData = ref();
|
|
57
|
+
const defaultTabData = ref();
|
|
58
|
+
const customIframeData = ref();
|
|
59
|
+
const BannerImageWithLinkData = ref();
|
|
60
|
+
const contactUsListData = ref();
|
|
61
|
+
const tableTwoData = ref();
|
|
62
|
+
const ScrollKeyInfoData = ref();
|
|
62
63
|
</script>
|
|
63
64
|
|
|
64
65
|
<style scoped>
|
|
@@ -97,7 +98,7 @@ const linkListData = ref()
|
|
|
97
98
|
}
|
|
98
99
|
|
|
99
100
|
.demo-code code {
|
|
100
|
-
font-family:
|
|
101
|
+
font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
|
|
101
102
|
font-size: 14px;
|
|
102
103
|
line-height: 1.5;
|
|
103
104
|
color: #303133;
|
|
@@ -141,7 +142,7 @@ const linkListData = ref()
|
|
|
141
142
|
|
|
142
143
|
.event-log li {
|
|
143
144
|
padding: 4px 0;
|
|
144
|
-
font-family:
|
|
145
|
+
font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
|
|
145
146
|
font-size: 12px;
|
|
146
147
|
color: #606266;
|
|
147
148
|
}
|