|
3 | 3 | <div v-for="item in list"> |
4 | 4 | <h3 v-if="item.title">{{item.title}}</h3> |
5 | 5 | <div class="list"> |
6 | | - <a v-for="(sub, inx) in item.data" :href="sub.link" _target="blank" class="sub" :class="{nomargin: (inx+1)%3===0}"> |
| 6 | + <a v-for="(sub, inx) in item.data" :href="sub.link" target="_blank" class="sub" :class="{nomargin: (inx+1)%3===0}"> |
7 | 7 | <div v-if="sub.img" class="cover" :style="{background: `url(${sub.img}) no-repeat`, backgroundSize: '100%'}"> |
8 | 8 | <div class="labels" v-if="sub.labels"> |
9 | 9 | <span v-for="label in sub.labels">{{label}}</span> |
@@ -201,6 +201,35 @@ const list = [ |
201 | 201 | } |
202 | 202 | ] |
203 | 203 | }, |
| 204 | + { |
| 205 | + title: 'Vue3实战项目', |
| 206 | + data: [ |
| 207 | + { |
| 208 | + desc: '基于ant-design-vue,typescript,vue3.0,vite实现的 vue3 风格的后台管理系统', |
| 209 | + img: '', |
| 210 | + title: 'vue-vben-admin', |
| 211 | + link: 'https://github.com/anncwb/vue-vben-admin' |
| 212 | + }, |
| 213 | + { |
| 214 | + desc: '基于vue3.0的开源admin项目,同时支持电脑,手机,平板,🔥🔥🔥默认分支使用vue3.x+antdv开发,master分支使用的是vue2.x+element开发', |
| 215 | + img: '', |
| 216 | + title: 'vue-admin-beautiful', |
| 217 | + link: 'https://github.com/chuzhixin/vue-admin-beautiful' |
| 218 | + }, |
| 219 | + { |
| 220 | + desc: '基于 Vue3.0 Composition Api 快速构建实战项目', |
| 221 | + img: '', |
| 222 | + title: 'vue-cli', |
| 223 | + link: 'https://github.com/Wscats/vue-cli' |
| 224 | + }, |
| 225 | + { |
| 226 | + desc: 'Vue3 + TypeScript开发的电影预告片webAPP,可以查看正在热映与即将上映的电影信息和短片', |
| 227 | + img: '', |
| 228 | + title: 'movie-trailer', |
| 229 | + link: 'https://github.com/lhz960904/movie-trailer' |
| 230 | + } |
| 231 | + ] |
| 232 | + }, |
204 | 233 | { |
205 | 234 | title: '优秀实战项目', |
206 | 235 | data: [ |
|
0 commit comments