component.js 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415
  1. import {
  2. fontWeight,
  3. imgMode,
  4. dataSource
  5. } from "./../params.js"
  6. import dataApiList from "./api.js"
  7. export const config = {
  8. "name": "商品专区",
  9. "icon": "el-icon-picture-outline",
  10. "fields": {
  11. "dataVal": {
  12. "label": "数据",
  13. "child": {
  14. "dataMsg":{
  15. "label": "数据源",
  16. "type": "setDate",
  17. "child": {
  18. "dataSource": {
  19. "label": "数据源",
  20. "type": "select",
  21. "valType": "Number",
  22. "value": 0,
  23. "data": [{
  24. "label": "自定义",
  25. "value": dataSource.Source_00
  26. },
  27. {
  28. "label": "选择",
  29. "value": dataSource.Source_01
  30. },
  31. {
  32. "label": "接口获取",
  33. "value": dataSource.Source_02
  34. }
  35. ]
  36. },
  37. "dataList": {
  38. "label": "数据列表",
  39. "type": "array",
  40. "template": {
  41. "title": {
  42. "label": "标题",
  43. "type": "input",
  44. "maxlength": 30,
  45. "value": ""
  46. },
  47. "image": {
  48. "label": "轮播图片",
  49. "type": "upload",
  50. "value": ""
  51. },
  52. "jump": {
  53. "label": "页面跳转",
  54. "type": "jump",
  55. "value": ""
  56. }
  57. },
  58. "value": []
  59. },
  60. "Api":{
  61. }
  62. }
  63. },
  64. }
  65. },
  66. "attrs": {
  67. "label": "组件设置",
  68. "type": "object",
  69. "child": {
  70. "quantity": {
  71. "label": "显示数量",
  72. "type": "number",
  73. "valType": "Number",
  74. "value": 4,
  75. "max": 6,
  76. "min": 1
  77. },
  78. "rowNum": {
  79. "label": "一行几个",
  80. "type": "number",
  81. "valType": "Number",
  82. "value": 4,
  83. "max": 6,
  84. "min": 1
  85. },
  86. "gap": {
  87. "label": "间距",
  88. "type": "number",
  89. "valType": "Number",
  90. "value": 22,
  91. "min": 0
  92. },
  93. "mode": {
  94. "label": "裁剪模式",
  95. "hint": "图片的裁剪模式",
  96. "type": "select",
  97. "valType": "String",
  98. "value": "aspectFill",
  99. "data": imgMode
  100. },
  101. // "queueing": {
  102. // "label": "排列方式",
  103. // "type": "select",
  104. // "valType": "Number",
  105. // "value": 1,
  106. // "data": [{
  107. // "label": "横向",
  108. // "value": 1
  109. // },
  110. // {
  111. // "label": "纵向",
  112. // "value": 2
  113. // }
  114. // ]
  115. // },
  116. // "showSubhead": {
  117. // "label": "显示副标题",
  118. // "type": "switch",
  119. // "value": true
  120. // }
  121. }
  122. },
  123. "styles": {
  124. "label": "组件样式",
  125. "type": "object",
  126. "child": {
  127. "boxStyle": {
  128. "label": "模块设置",
  129. "type": "object",
  130. "child": {
  131. "backgroundColor": {
  132. "label": "背景色",
  133. "type": "color",
  134. "value": "#ffffff"
  135. },
  136. "paddingLeft": {
  137. "label": "左间距",
  138. "type": "number",
  139. "valType": "Number",
  140. "value": 20,
  141. "min": 0
  142. },
  143. "paddingTop": {
  144. "label": "上边距",
  145. "type": "number",
  146. "value": 20,
  147. "min": 0
  148. },
  149. "paddingRight": {
  150. "label": "右边距",
  151. "type": "number",
  152. "value": 20,
  153. "min": 0
  154. },
  155. "paddingBottom": {
  156. "label": "下边距",
  157. "type": "number",
  158. "value": 20,
  159. "min": 0
  160. },
  161. }
  162. },
  163. "goodsItem": {
  164. "label": "商品单例",
  165. "type": "object",
  166. "child": {
  167. // "height": {
  168. // "label": "盒子高度",
  169. // "type": "number",
  170. // "value": 222,
  171. // "max": 1000
  172. // },
  173. // "paddingTop": {
  174. // "label": "上边距",
  175. // "type": "number",
  176. // "value": 0
  177. // },
  178. // "paddingRight": {
  179. // "label": "右边距",
  180. // "type": "number",
  181. // "value": 0
  182. // },
  183. // "paddingBottom": {
  184. // "label": "下边距",
  185. // "type": "number",
  186. // "value": 0
  187. // },
  188. // "paddingLeft": {
  189. // "label": "左边距",
  190. // "type": "number",
  191. // "value": 0
  192. // },
  193. "backgroundColor": {
  194. "label": "背景色",
  195. "type": "color",
  196. "value": "#ffffff"
  197. },
  198. "borderRadius": {
  199. "label": "圆角",
  200. "type": "number",
  201. "value": 10,
  202. "min": 0
  203. }
  204. }
  205. },
  206. "goodsImage": {
  207. "label": "商品图片",
  208. "type": "object",
  209. "child": {
  210. "height": {
  211. "label": "图片高",
  212. "type": "number",
  213. "value": 200,
  214. "max": 600
  215. },
  216. "borderRadius": {
  217. "label": "圆角",
  218. "type": "number",
  219. "value": 10,
  220. "min": 0
  221. }
  222. }
  223. },
  224. "goodsDetails": {
  225. "label": "商品详情",
  226. "type": "object",
  227. "child": {
  228. "height": {
  229. "label": "高度",
  230. "type": "number",
  231. "value": 200,
  232. "max": 600
  233. },
  234. "paddingTop": {
  235. "label": "上边距",
  236. "type": "number",
  237. "value": 0
  238. },
  239. "paddingRight": {
  240. "label": "右边距",
  241. "type": "number",
  242. "value": 0
  243. },
  244. "paddingBottom": {
  245. "label": "下边距",
  246. "type": "number",
  247. "value": 0
  248. },
  249. "paddingLeft": {
  250. "label": "左边距",
  251. "type": "number",
  252. "value": 0
  253. }
  254. }
  255. },
  256. "goodsTitle": {
  257. "label": "商品名称",
  258. "type": "object",
  259. "child": {
  260. "paddingTop": {
  261. "label": "上边距",
  262. "type": "number",
  263. "value": 0
  264. },
  265. "fontSize": {
  266. "label": "字体大小",
  267. "type": "number",
  268. "value": 18,
  269. "max": 100,
  270. "min": 12
  271. },
  272. "fontWeight": {
  273. "label": "文字粗细",
  274. "type": "select",
  275. "valType": "Number",
  276. "value": 700,
  277. "data": fontWeight
  278. },
  279. "color": {
  280. "label": "字体颜色",
  281. "type": "color",
  282. "value": "#000000"
  283. }
  284. }
  285. },
  286. "subheadTitle": {
  287. "label": "商品副名称",
  288. "type": "object",
  289. "child": {
  290. "paddingTop": {
  291. "label": "上边距",
  292. "type": "number",
  293. "value": 0
  294. },
  295. "fontSize": {
  296. "label": "字体大小",
  297. "type": "number",
  298. "value": 18,
  299. "max": 100,
  300. "min": 12
  301. },
  302. "color": {
  303. "label": "字体颜色",
  304. "type": "color",
  305. "value": "#A4A2A2"
  306. },
  307. "fontWeight": {
  308. "label": "文字粗细",
  309. "type": "select",
  310. "valType": "Number",
  311. "value": 300,
  312. "data": fontWeight
  313. }
  314. }
  315. },
  316. "goodsPrice": {
  317. "label": "商品价格",
  318. "type": "object",
  319. "child": {
  320. "paddingTop": {
  321. "label": "上边距",
  322. "type": "number",
  323. "value": 0
  324. },
  325. "fontWeight": {
  326. "label": "文字粗细",
  327. "type": "select",
  328. "valType": "Number",
  329. "value": 500,
  330. "data": fontWeight
  331. }
  332. }
  333. },
  334. "PriceTag": {
  335. "label": "商品价格符号",
  336. "type": "object",
  337. "child": {
  338. "fontSize": {
  339. "label": "字体大小",
  340. "type": "number",
  341. "value": 18,
  342. "max": 100,
  343. "min": 12
  344. }
  345. }
  346. },
  347. "price": {
  348. "label": "商品现价",
  349. "type": "object",
  350. "child": {
  351. "fontSize": {
  352. "label": "字体大小",
  353. "type": "number",
  354. "value": 18,
  355. "max": 100,
  356. "min": 12
  357. },
  358. "color": {
  359. "label": "字体颜色",
  360. "type": "color",
  361. "value": "#F80808"
  362. },
  363. }
  364. },
  365. "originalPrice": {
  366. "label": "商品原价",
  367. "type": "object",
  368. "child": {
  369. "fontSize": {
  370. "label": "字体大小",
  371. "type": "number",
  372. "value": 18,
  373. "max": 100,
  374. "min": 12
  375. },
  376. "color": {
  377. "label": "字体颜色",
  378. "type": "color",
  379. "value": "#C8C6C6"
  380. },
  381. "fontWeight": {
  382. "label": "文字粗细",
  383. "type": "select",
  384. "valType": "Number",
  385. "value": 500,
  386. "data": fontWeight
  387. }
  388. }
  389. },
  390. }
  391. }
  392. }
  393. }