懒羊羊
2024-01-05 6c872a08cd597d8acbac3eeb7667665b59ea253d
提交 | 用户 | 时间
212300 1 <template>
2   <div class="app-container home">
3     <el-row :gutter="20">
4       <el-col :sm="24" :lg="24">
5         <blockquote class="text-warning" style="font-size: 14px">
f679f2 6           江宸MES管理系统
212300 7         </blockquote>
8
9         <hr />
10       </el-col>
11     </el-row>
12     <el-row :gutter="20">
13       <el-col :sm="24" :lg="12" style="padding-left: 20px">
d78b0d 14         <h2>江宸MES管理框架</h2>
212300 15         <p>
bc1114 16
212300 17         </p>
18       </el-col>
19
20       <el-col :sm="24" :lg="12" style="padding-left: 50px">
21         <el-row>
22           <el-col :span="12">
23             <h2>技术选型</h2>
24           </el-col>
25         </el-row>
26         <el-row>
27           <el-col :span="6">
28             <h4>后端技术</h4>
29             <ul>
30               <li>SpringBoot</li>
31               <li>Spring Security</li>
32               <li>JWT</li>
33               <li>MyBatis</li>
34               <li>Druid</li>
35               <li>Fastjson</li>
36               <li>...</li>
37             </ul>
38           </el-col>
39           <el-col :span="6">
40             <h4>前端技术</h4>
41             <ul>
42               <li>Vue</li>
43               <li>Vuex</li>
44               <li>Element-ui</li>
45               <li>Axios</li>
46               <li>Sass</li>
47               <li>Quill</li>
48               <li>...</li>
49             </ul>
50           </el-col>
51         </el-row>
52       </el-col>
53     </el-row>
54     <el-divider />
55     <el-row :gutter="20">
56       <el-col :xs="24" :sm="24" :md="12" :lg="8">
57         <el-card class="update-log">
58           <div slot="header" class="clearfix">
bc1114 59             <span>信息</span>
212300 60           </div>
61           <div class="body">
bc1114 62
212300 63           </div>
64         </el-card>
65       </el-col>
66       <el-col :xs="24" :sm="24" :md="12" :lg="8">
67         <el-card class="update-log">
68           <div slot="header" class="clearfix">
bc1114 69             <span>日志</span>
212300 70           </div>
bc1114 71           <div class="body">
C 72
73           </div>
212300 74         </el-card>
75       </el-col>
76       <el-col :xs="24" :sm="24" :md="12" :lg="8">
77         <el-card class="update-log">
78           <div slot="header" class="clearfix">
bc1114 79             <span>支持</span>
212300 80           </div>
81           <div class="body">
bc1114 82
212300 83           </div>
84         </el-card>
85       </el-col>
86     </el-row>
87   </div>
88 </template>
89
90 <script>
91 export default {
92   name: "Index",
93   data() {
94     return {
95       // 版本号
96       version: "3.8.6"
97     };
98   },
99   methods: {
100     goTarget(href) {
101       window.open(href, "_blank");
102     }
103   }
104 };
105 </script>
106
107 <style scoped lang="scss">
108 .home {
109   blockquote {
110     padding: 10px 20px;
111     margin: 0 0 20px;
112     font-size: 17.5px;
113     border-left: 5px solid #eee;
114   }
115   hr {
116     margin-top: 20px;
117     margin-bottom: 20px;
118     border: 0;
119     border-top: 1px solid #eee;
120   }
121   .col-item {
122     margin-bottom: 20px;
123   }
124
125   ul {
126     padding: 0;
127     margin: 0;
128   }
129
130   font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
131   font-size: 13px;
132   color: #676a6c;
133   overflow-x: hidden;
134
135   ul {
136     list-style-type: none;
137   }
138
139   h4 {
140     margin-top: 0px;
141   }
142
143   h2 {
144     margin-top: 10px;
145     font-size: 26px;
146     font-weight: 100;
147   }
148
149   p {
150     margin-top: 10px;
151
152     b {
153       font-weight: 700;
154     }
155   }
156
157   .update-log {
158     ol {
159       display: block;
160       list-style-type: decimal;
161       margin-block-start: 1em;
162       margin-block-end: 1em;
163       margin-inline-start: 0;
164       margin-inline-end: 0;
165       padding-inline-start: 40px;
166     }
167   }
168 }
169 </style>
170