index.vue 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652
  1. <template>
  2. <!-- 头部 -->
  3. <templateHead></templateHead>
  4. <!-- 菜单 -->
  5. <templateMenu></templateMenu>
  6. <!-- 内容 -->
  7. <!-- <div>
  8. <templateHeadline :skinId="skinId" :templateData="testTemplateData"></templateHeadline>
  9. <templateBanner :skinId="skinId" :templateData="testTemplateData"></templateBanner>
  10. <templateAd :adTag="'bbzxw_index_1'" :skinId="skinId" :adData="adData"></templateAd>
  11. <templateStaticLink :skinId="skinId" :templateData="testTemplateData2"></templateStaticLink>
  12. <templateNewSector1 :skinId="skinId" :templateData="testTemplateData"></templateNewSector1>
  13. <templateNewSector2 :skinId="skinId" :templateData="testTemplateData"></templateNewSector2>
  14. <templateNewSector3 :skinId="skinId" :templateData="testTemplateData"></templateNewSector3>
  15. <templateNewAndAd :skinId="skinId" :templateData="testTemplateData" :adData="adData" :adTag="'bbzxw_index_9'"></templateNewAndAd>
  16. </div> -->
  17. <div v-for="(item,index) in templateData" :key="index">
  18. <!--1.广告通栏-->
  19. <div v-if="item.sectorName=='adSector'">
  20. <templateAd :skinId="skinId" :adData="adData" :adTag="item.ad.ad_tag"></templateAd>
  21. </div>
  22. <!--2.头条通栏 data返回值错误 没有依照level字段返回 而是返回了政策法规-->
  23. <div v-if="item.sectorName=='headLineSector'">
  24. <templateHeadline :skinId="skinId" :templateData="item.componentList"></templateHeadline>
  25. </div>
  26. <!--3.轮播图通栏 data返回值错误 没有依照level字段返回 而是返回了政策法规-->
  27. <div v-if="item.sectorName=='bannerSector'">
  28. <templateBanner :skinId="skinId" :templateData="item.componentList"></templateBanner>
  29. </div>
  30. <!--4.静态外链通栏-->
  31. <div v-if="item.sectorName=='linkSector'">
  32. <templateStaticLink :skinId="skinId"></templateStaticLink>
  33. </div>
  34. <!--5.图文组合1 标题字段缺少is_url / children_count-->
  35. <div v-if="item.sectorName=='manyPictureSector'">
  36. <templateNewSector1 :skinId="skinId" :templateData="item.componentList"></templateNewSector1>
  37. </div>
  38. <!--6.图文组合2 标题字段缺少is_url / children_count-->
  39. <div v-if="item.sectorName=='commentSector'">
  40. <templateNewSector2 :skinId="skinId" :templateData="item.componentList"></templateNewSector2>
  41. </div>
  42. <!--7.图文组合3 标题字段缺少is_url / children_count-->
  43. <div v-if="item.sectorName=='listSector'">
  44. <templateNewSector3 :skinId="skinId" :templateData="item.componentList"></templateNewSector3>
  45. </div>
  46. <!--8.图文混合模块 标题字段缺少is_url / children_count-->
  47. <div v-if="item.sectorName=='onlyImgSector'">
  48. <templateNewAndAd :skinId="skinId" :templateData="item.componentList" :adData="adData" :adTag="item.ad.ad_tag"></templateNewAndAd>
  49. </div>
  50. </div>
  51. <!-- 底部 -->
  52. <templateFoot></templateFoot>
  53. </template>
  54. <script setup>
  55. //0.加载全局模板组件 start---------------------------------------->
  56. //0.1 全局通栏
  57. import templateHead from '@/components/template/sector/head/1200x200/1.vue'
  58. import templateMenu from '@/components/template/sector/menu/1200x130/1.vue'
  59. import templateFoot from '@/components/template/sector/foot/1200x580/1.vue'
  60. //0.2 局部通栏
  61. //0.2.1 广告组件
  62. import templateAd from '@/components/template/sector/body/ad/1200x90/1.vue'
  63. //0.2.2 网站头条
  64. import templateHeadline from '@/components/template/sector/body/index/headLine/1200x140/1.vue'
  65. //0.2.3 轮播图
  66. import templateBanner from '@/components/template/sector/body/index/banner/1200x410/1.vue'
  67. //0.2.4 静态外链通栏
  68. import templateStaticLink from '@/components/template/sector/body/index/link/1200x230/1.vue'
  69. //0.2.5 图文组合1
  70. import templateNewSector1 from '@/components/template/sector/body/index/list/1200x470/1.vue'
  71. //0.2.6 图文组合2
  72. import templateNewSector2 from '@/components/template/sector/body/index/list/1200x470/2.vue'
  73. //0.2.7 图文组合3
  74. import templateNewSector3 from '@/components/template/sector/body/index/list/1200x980/1.vue'
  75. //0.2.8 图文与广告组合
  76. import templateNewAndAd from '@/components/template/sector/body/index/list/1200x480/1.vue'
  77. //0.加载全局模板组件 end---------------------------------------->
  78. //1.获得基本信息单元 start---------------------------------------->
  79. //1.1获得页面依赖
  80. import { ref, onMounted } from 'vue';
  81. import { ElMessage } from 'element-plus';
  82. //1.2获得pinia源
  83. import { useTemplateBaseStore } from '@/stores/templateBase'
  84. const templateBaseStore = useTemplateBaseStore()
  85. //1.3获得该页的皮肤id - 在每个组件中也是同样的获得方法
  86. const skinId = ref("")
  87. const websiteId = ref("")
  88. //1.4获得站点基本信息
  89. const responseStatus = await requestDataPromise('/web/getWebsiteAllinfo', {
  90. method: 'GET',
  91. query: {
  92. 'link_textnum':24,
  93. 'link_imgnum':18,
  94. 'link_footnum':4
  95. },
  96. });
  97. if (responseStatus.code == 200) {
  98. //0.3.1设置站点基本信息
  99. templateBaseStore.setWebSiteInfo(responseStatus.data)
  100. websiteId.value = responseStatus.data.website_head.id;//获得网站id
  101. //0.3.2设置皮肤id
  102. skinId.value = templateBaseStore.webSiteInfo.website_foot.foot_info.template_id;
  103. console.log("当前的网站id:"+responseStatus.data.website_head.id)
  104. //0.3.3设置seo信息
  105. let seoTitle = templateBaseStore.webSiteInfo.website_head.title;
  106. let seoDescription = templateBaseStore.webSiteInfo.website_head.description;
  107. let seoKeywords = templateBaseStore.webSiteInfo.website_head.keywords;
  108. let seoSuffix = templateBaseStore.webSiteInfo.website_head.suffix;
  109. let seoName = templateBaseStore.webSiteInfo.website_head.website_name;
  110. useSeoMeta({
  111. title: seoTitle + "_" + seoSuffix,
  112. meta: [
  113. { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
  114. { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 }
  115. ]
  116. });
  117. }
  118. //1.5获得广告池
  119. const adData = ref([]);
  120. const adResponseStatus = await requestDataPromise('/web/getWebsiteAdvertisement', {
  121. method: 'GET',
  122. query: {},
  123. });
  124. if (adResponseStatus.code == 200) {
  125. adData.value = adResponseStatus.data;
  126. templateBaseStore.setAdList(adResponseStatus.data)
  127. }
  128. //1.6 获得页面数据 后续优化
  129. // const adData = ref([]);
  130. // onMounted(async() => {
  131. // //当数据在客户端获取时,需要添加v-if判断数据是否已存在
  132. // const { $webUrl, $CwebUrl } = useNuxtApp();
  133. // //广告列表
  134. // let url = `${$webUrl}/web/getWebsiteAdvertisement`
  135. // const response = await fetch(url, {
  136. // headers: {
  137. // 'Content-Type': 'application/json',
  138. // 'Userurl': $CwebUrl,
  139. // 'Origin': $CwebUrl
  140. // }
  141. // });
  142. // const result = await response.json();
  143. // adData.value = result.data;
  144. // templateBaseStore.setAdList(adData.value)
  145. // })
  146. //1.获得基本信息单元 end---------------------------------------->
  147. //2.页面数据 start---------------------------------------->
  148. //2.1获得页面数据
  149. const response = await requestDataPromise('/client/indexData', {
  150. method: 'POST',
  151. body: {
  152. 'website_id':websiteId.value,
  153. 'getpage':'index'
  154. },
  155. });
  156. console.log(response)
  157. const templateData = response.data.template.index;
  158. console.log(templateData)
  159. //2.页面数据 end---------------------------------------->
  160. //2.0 测试数据 后期移除
  161. // const testTemplateData = {
  162. // "sectorName": "text",
  163. // "componentList": [
  164. // {
  165. // "component_type": 1,//1=新闻 2=广告
  166. // "component_style": 1,//样式
  167. // "sort": 1,//组件位置
  168. // "data": {
  169. // "alias":"一级导航名称",
  170. // "category_id": 11,
  171. // "pinyin": "nongyeshengchan",
  172. // "children_count": 1,//有多少个子集 用于跳转到频道页
  173. // "text": [
  174. // {
  175. // "id": 2863,
  176. // "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  177. // "islink": 0,
  178. // "pinyin": "nongminxinnongcun/nongcunxinfangshe"
  179. // },
  180. // {
  181. // "id": 50129,
  182. // "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  183. // "islink": 0,
  184. // "pinyin": "sannongzixun"
  185. // },
  186. // {
  187. // "id": 50129,
  188. // "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  189. // "islink": 0,
  190. // "pinyin": "sannongzixun"
  191. // },
  192. // {
  193. // "id": 2862,
  194. // "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  195. // "islink": 0,
  196. // "pinyin": "sannongzixun/buweidongtai"
  197. // },
  198. // {
  199. // "id": 50126,
  200. // "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  201. // "islink": 0,
  202. // "pinyin": "sannongzixun"
  203. // },
  204. // {
  205. // "id": 3976,
  206. // "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  207. // "islink": 0,
  208. // "pinyin": "sannongzixun"
  209. // },
  210. // {
  211. // "id": 50189,
  212. // "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  213. // "islink": 0,
  214. // "pinyin": "nongminhezuoshe"
  215. // },
  216. // {
  217. // "id": 50190,
  218. // "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  219. // "islink": 0,
  220. // "pinyin": "nongminhezuoshe"
  221. // }
  222. // ],
  223. // "img": [
  224. // {
  225. // "id": 50129,
  226. // "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  227. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  228. // "author": "linyuting123",
  229. // "updated_at": "2025-05-30 13:50:54",
  230. // "introduce": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  231. // "islink": 0,
  232. // "linkurl": "",
  233. // "copyfrom": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  234. // "cat_arr_id": "[1,201]",
  235. // "catid": 201,
  236. // "level": "[1,2,3]",
  237. // "pinyin": "sannongzixun"
  238. // },
  239. // {
  240. // "id": 50129,
  241. // "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  242. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  243. // "author": "佚名",
  244. // "updated_at": "2025-05-30 13:50:46",
  245. // "introduce": "描述",
  246. // "islink": 0,
  247. // "linkurl": "",
  248. // "copyfrom": "本网",
  249. // "cat_arr_id": "[2]",
  250. // "catid": 2,
  251. // "level": "[2,3]",
  252. // "pinyin": "sannongzixun"
  253. // },
  254. // {
  255. // "id": 50129,
  256. // "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  257. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  258. // "author": "佚名",
  259. // "updated_at": "2025-05-30 13:50:45",
  260. // "introduce": "描述",
  261. // "islink": 0,
  262. // "linkurl": "",
  263. // "copyfrom": "本网",
  264. // "cat_arr_id": "[1]",
  265. // "catid": 1,
  266. // "level": "[2]",
  267. // "pinyin": "sannongzixun"
  268. // },
  269. // {
  270. // "id": 50129,
  271. // "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  272. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  273. // "author": "佚名",
  274. // "updated_at": "2025-05-30 13:50:44",
  275. // "introduce": "描述",
  276. // "islink": 0,
  277. // "linkurl": "",
  278. // "copyfrom": "本网",
  279. // "cat_arr_id": "[11]",
  280. // "catid": 11,
  281. // "level": "[2]",
  282. // "pinyin": "xinnongcun"
  283. // },
  284. // {
  285. // "id": 50129,
  286. // "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  287. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  288. // "author": "佚名",
  289. // "updated_at": "2025-05-30 13:50:43",
  290. // "introduce": "描述",
  291. // "islink": 0,
  292. // "linkurl": "",
  293. // "copyfrom": "本网",
  294. // "cat_arr_id": "[14,240]",
  295. // "catid": 240,
  296. // "level": "[2,3]",
  297. // "pinyin": "sannongzixun"
  298. // },
  299. // {
  300. // "id": 50129,
  301. // "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
  302. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  303. // "author": "佚名",
  304. // "updated_at": "2025-04-16 11:04:29",
  305. // "introduce": "描述",
  306. // "islink": 0,
  307. // "linkurl": "",
  308. // "copyfrom": "本网",
  309. // "cat_arr_id": null,
  310. // "catid": 36,
  311. // "level": "[2]",
  312. // "pinyin": "sannongzixun"
  313. // }
  314. // ]
  315. // }
  316. // },
  317. // {
  318. // "component_type": 1,//1=新闻 2=广告
  319. // "component_style": 1,//样式
  320. // "sort": 1,//组件位置
  321. // "data": {
  322. // "alias":"一级导航名称2",
  323. // "category_id": 11,
  324. // "children_count": 0,//有多少个子集 用于跳转到频道页
  325. // "pinyin": "sannongzixun/zhengcefagui",
  326. // "text": [
  327. // {
  328. // "id": 2863,
  329. // "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  330. // "islink": 0,
  331. // "pinyin": "nongminxinnongcun/nongcunxinfangshe"
  332. // },
  333. // {
  334. // "id": 50129,
  335. // "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  336. // "islink": 0,
  337. // "pinyin": "sannongzixun"
  338. // },
  339. // {
  340. // "id": 50129,
  341. // "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  342. // "islink": 0,
  343. // "pinyin": "sannongzixun"
  344. // },
  345. // {
  346. // "id": 2862,
  347. // "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  348. // "islink": 0,
  349. // "pinyin": "sannongzixun/buweidongtai"
  350. // },
  351. // {
  352. // "id": 50126,
  353. // "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  354. // "islink": 0,
  355. // "pinyin": "sannongzixun"
  356. // },
  357. // {
  358. // "id": 3976,
  359. // "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  360. // "islink": 0,
  361. // "pinyin": "sannongzixun"
  362. // },
  363. // {
  364. // "id": 50189,
  365. // "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  366. // "islink": 0,
  367. // "pinyin": "nongminhezuoshe"
  368. // },
  369. // {
  370. // "id": 50190,
  371. // "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  372. // "islink": 0,
  373. // "pinyin": "nongminhezuoshe"
  374. // }
  375. // ],
  376. // "img": [
  377. // {
  378. // "id": 50129,
  379. // "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  380. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  381. // "author": "linyuting123",
  382. // "updated_at": "2025-05-30 13:50:54",
  383. // "introduce": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  384. // "islink": 0,
  385. // "linkurl": "",
  386. // "copyfrom": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  387. // "cat_arr_id": "[1,201]",
  388. // "catid": 201,
  389. // "level": "[1,2,3]",
  390. // "pinyin": "sannongzixun"
  391. // },
  392. // {
  393. // "id": 50129,
  394. // "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  395. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  396. // "author": "佚名",
  397. // "updated_at": "2025-05-30 13:50:46",
  398. // "introduce": "描述",
  399. // "islink": 0,
  400. // "linkurl": "",
  401. // "copyfrom": "本网",
  402. // "cat_arr_id": "[2]",
  403. // "catid": 2,
  404. // "level": "[2,3]",
  405. // "pinyin": "sannongzixun"
  406. // },
  407. // {
  408. // "id": 50129,
  409. // "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  410. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  411. // "author": "佚名",
  412. // "updated_at": "2025-05-30 13:50:45",
  413. // "introduce": "描述",
  414. // "islink": 0,
  415. // "linkurl": "",
  416. // "copyfrom": "本网",
  417. // "cat_arr_id": "[1]",
  418. // "catid": 1,
  419. // "level": "[2]",
  420. // "pinyin": "sannongzixun"
  421. // },
  422. // {
  423. // "id": 50129,
  424. // "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  425. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  426. // "author": "佚名",
  427. // "updated_at": "2025-05-30 13:50:44",
  428. // "introduce": "描述",
  429. // "islink": 0,
  430. // "linkurl": "",
  431. // "copyfrom": "本网",
  432. // "cat_arr_id": "[11]",
  433. // "catid": 11,
  434. // "level": "[2]",
  435. // "pinyin": "xinnongcun"
  436. // },
  437. // {
  438. // "id": 50129,
  439. // "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  440. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  441. // "author": "佚名",
  442. // "updated_at": "2025-05-30 13:50:43",
  443. // "introduce": "描述",
  444. // "islink": 0,
  445. // "linkurl": "",
  446. // "copyfrom": "本网",
  447. // "cat_arr_id": "[14,240]",
  448. // "catid": 240,
  449. // "level": "[2,3]",
  450. // "pinyin": "sannongzixun"
  451. // },
  452. // {
  453. // "id": 50129,
  454. // "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
  455. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  456. // "author": "佚名",
  457. // "updated_at": "2025-04-16 11:04:29",
  458. // "introduce": "描述",
  459. // "islink": 0,
  460. // "linkurl": "",
  461. // "copyfrom": "本网",
  462. // "cat_arr_id": null,
  463. // "catid": 36,
  464. // "level": "[2]",
  465. // "pinyin": "sannongzixun"
  466. // }
  467. // ]
  468. // }
  469. // },
  470. // {
  471. // "component_type": 1,//1=新闻 2=广告
  472. // "component_style": 1,//样式
  473. // "sort": 3,//组件位置
  474. // "data": {
  475. // "alias":"一级导航名称3",
  476. // "category_id": 11,
  477. // "children_count": 0,//有多少个子集 用于跳转到频道页
  478. // "pinyin": "sannongzixun/zhengcefagui",
  479. // "text": [
  480. // {
  481. // "id": 2863,
  482. // "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  483. // "islink": 0,
  484. // "pinyin": "nongminxinnongcun/nongcunxinfangshe"
  485. // },
  486. // {
  487. // "id": 50129,
  488. // "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  489. // "islink": 0,
  490. // "pinyin": "sannongzixun"
  491. // },
  492. // {
  493. // "id": 50129,
  494. // "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  495. // "islink": 0,
  496. // "pinyin": "sannongzixun"
  497. // },
  498. // {
  499. // "id": 2862,
  500. // "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  501. // "islink": 0,
  502. // "pinyin": "sannongzixun/buweidongtai"
  503. // },
  504. // {
  505. // "id": 50126,
  506. // "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  507. // "islink": 0,
  508. // "pinyin": "sannongzixun"
  509. // },
  510. // {
  511. // "id": 3976,
  512. // "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  513. // "islink": 0,
  514. // "pinyin": "sannongzixun"
  515. // },
  516. // {
  517. // "id": 50189,
  518. // "title": "7以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  519. // "islink": 0,
  520. // "pinyin": "nongminhezuoshe"
  521. // },
  522. // {
  523. // "id": 50190,
  524. // "title": "8以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  525. // "islink": 0,
  526. // "pinyin": "nongminhezuoshe"
  527. // }
  528. // ],
  529. // "img": [
  530. // {
  531. // "id": 50129,
  532. // "title": "1以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  533. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  534. // "author": "linyuting123",
  535. // "updated_at": "2025-05-30 13:50:54",
  536. // "introduce": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  537. // "islink": 0,
  538. // "linkurl": "",
  539. // "copyfrom": "以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  540. // "cat_arr_id": "[1,201]",
  541. // "catid": 201,
  542. // "level": "[1,2,3]",
  543. // "pinyin": "sannongzixun"
  544. // },
  545. // {
  546. // "id": 50129,
  547. // "title": "2以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  548. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  549. // "author": "佚名",
  550. // "updated_at": "2025-05-30 13:50:46",
  551. // "introduce": "描述",
  552. // "islink": 0,
  553. // "linkurl": "",
  554. // "copyfrom": "本网",
  555. // "cat_arr_id": "[2]",
  556. // "catid": 2,
  557. // "level": "[2,3]",
  558. // "pinyin": "sannongzixun"
  559. // },
  560. // {
  561. // "id": 50129,
  562. // "title": "3以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  563. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  564. // "author": "佚名",
  565. // "updated_at": "2025-05-30 13:50:45",
  566. // "introduce": "描述",
  567. // "islink": 0,
  568. // "linkurl": "",
  569. // "copyfrom": "本网",
  570. // "cat_arr_id": "[1]",
  571. // "catid": 1,
  572. // "level": "[2]",
  573. // "pinyin": "sannongzixun"
  574. // },
  575. // {
  576. // "id": 50129,
  577. // "title": "4以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  578. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  579. // "author": "佚名",
  580. // "updated_at": "2025-05-30 13:50:44",
  581. // "introduce": "描述",
  582. // "islink": 0,
  583. // "linkurl": "",
  584. // "copyfrom": "本网",
  585. // "cat_arr_id": "[11]",
  586. // "catid": 11,
  587. // "level": "[2]",
  588. // "pinyin": "xinnongcun"
  589. // },
  590. // {
  591. // "id": 50129,
  592. // "title": "5以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙",
  593. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  594. // "author": "佚名",
  595. // "updated_at": "2025-05-30 13:50:43",
  596. // "introduce": "描述",
  597. // "islink": 0,
  598. // "linkurl": "",
  599. // "copyfrom": "本网",
  600. // "cat_arr_id": "[14,240]",
  601. // "catid": 240,
  602. // "level": "[2,3]",
  603. // "pinyin": "sannongzixun"
  604. // },
  605. // {
  606. // "id": 50129,
  607. // "title": "6以生态为内核推动文旅发展海南深山黎寨找到乡村振兴金钥匙6",
  608. // "imgurl": "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
  609. // "author": "佚名",
  610. // "updated_at": "2025-04-16 11:04:29",
  611. // "introduce": "描述",
  612. // "islink": 0,
  613. // "linkurl": "",
  614. // "copyfrom": "本网",
  615. // "cat_arr_id": null,
  616. // "catid": 36,
  617. // "level": "[2]",
  618. // "pinyin": "sannongzixun"
  619. // }
  620. // ]
  621. // }
  622. // },
  623. // ],
  624. // "ad": {
  625. // "ad_tag": "nmw_index_0003"
  626. // }
  627. // }
  628. // //静态链接测试数据
  629. // const testTemplateData2 = {
  630. // "sectorName": "linkSector",
  631. // "componentList": [
  632. // {
  633. // "component_type": 3,
  634. // "component_style": 1,
  635. // "sort": 1,
  636. // "componentData": {}
  637. // }
  638. // ],
  639. // "sort": 4
  640. // }
  641. //2.页面数据 end---------------------------------------->
  642. </script>
  643. <style lang="less" scoped>
  644. @import url('@/assets/css/index.less');
  645. </style>