1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
| <template>
| <div class="trialCenter">
| <IndexHeader></IndexHeader>
| <Banner></Banner>
| <commendCard :commendCardData="commendCardData"></commendCard>
| <SdkList></SdkList>
| <ProductForm></ProductForm>
| <Connect></Connect>
| <Footer :isBlack="true"></Footer>
| </div>
| </template>
|
| <script>
| import IndexHeader from "@/components/IndexHeader";
| import Banner from "@/views/trialCenter/components/Banner";
| import commendCard from "@/views/trialCenter/components/commendCard";
| import SdkList from "@/views/trialCenter/components/SdkList";
| import ProductForm from "@/views/trialCenter/components/ProductForm";
| import Connect from "@/components/Connect";
| import Footer from "@/components/Footer";
|
| export default {
| data() {
| return {
| commendCardData: [
| {
| img: "/images/trialCenter/累计注册用户.png",
| count: "10万+",
| des: "累计注册用户",
| },
| {
| img: "/images/trialCenter/限时试用产品.png",
| count: "10款+",
| des: "限时试用产品",
| },
| {
| img: "/images/trialCenter/累计服务企业.png",
| count: "800+",
| des: "累计服务企业",
| },
| {
| img: "/images/trialCenter/免费试用时长.png",
| count: "90天",
| des: "免费试用时长",
| },
| ], //推荐卡片数据
| };
| },
| components: {
| IndexHeader,
| Banner,
| commendCard,
| SdkList,
| Connect,
| Footer,
| ProductForm,
| },
| };
| </script>
|
| <style lang="scss" scoped>
| .trialCenter {
| .IndexHeader {
| ::v-deep .header {
| position: absolute;
| }
| }
| }
| </style>
|
|