[关闭]
@duanjiebing 2017-11-25T11:09:49.000000Z 字数 10907 阅读 153

主页配置说明

index

demo查看

信息模块

info

名称 字段 类型 可选 说明
公司logo logo_img string N --
公司名称 logo_tip string N --

功能模块

头部

名称 字段 类型 可选 说明
浅色图标 light_logo string N --
深色图标 dark_logo string N --
导航列表 nav_list array N 由配置项里面的导航名称和导航链接(两者都有值，就在导航显示)生成

信息

名称 字段 类型 可选 说明
导航名称 nav_name string Y 如果该字段和导航链接字段都有值，则当前模块在导航列表出现
导航链接 nav_url string Y 该字段需要页面唯一，且为英文和下划线组合
背景图片地址 banner_img string N --
左侧标题 title string Y --
左侧描述 desc string Y --
右侧图片 right_img string Y --
左侧按钮 leftBtn_name string Y --
左侧 leftBtn_name string Y --
右侧图片 rightBtn_name string Y --
右侧图片 rightBtn_name string Y --

示例数据：

  1.  [
  2.         {
  3.             type: 'header',
  4.             data: {
  5.                 light_logo: getImgUrl('ic-logo.png'),
  6.                 dark_logo: getImgUrl('ic-logo-dark.png'),
  7.                 nav_list: ''
  8.             }
  9.         },
  10.         {
  11.             type: 'intro',
  12.             data: {
  13.                 nav_name: '信息',
  14.                 nav_url: 'intro',
  15.                 banner_img: getImgUrl('slider-01.jpg'),
  16.                 title: 'Premium landing page to present your app',
  17.                 desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duisaliquam, libero sed tincidunt sollicitudin, ipsum dui lobortis lorem, at sagittis enim odiovel eros.',
  18.                 right_img: getImgUrl('phone-07.png'),
  19.                 leftBtn_name: 'APP STORE',
  20.                 leftBtn_href: '#',
  21.                 rightBtn_name: 'ANDROID',
  22.                 rightBtn_href: '#'
  23.             }
  24.         },
  25.         {
  26.             type: 'featured',
  27.             data: {
  28.                 list: [
  29.                     {
  30.                         icon: 'fa-tablet',
  31.                         title: 'MOBLIE READY',
  32.                         desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis cursus elitodio, vitae condimentum orci venenatis vel.'
  33.                     },
  34.                     {
  35.                         icon: 'fa-tablet',
  36.                         title: 'MOBLIE READY',
  37.                         desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis cursus elitodio, vitae condimentum orci venenatis vel.'
  38.                     },
  39.                     {
  40.                         icon: 'fa-tablet',
  41.                         title: 'MOBLIE READY',
  42.                         desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis cursus elitodio, vitae condimentum orci venenatis vel.'
  43.                     }
  44.                 ]
  45.             }
  46.         },
  47.         {
  48.             type: 'about1',
  49.             data: {
  50.                 img: getImgUrl('phone-05.png'),
  51.                 title: 'What This Snac?',
  52.                 desc: ' Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu, lobortis id interdumvitae, interdum eget elit. Curabitur quis urna nulla. Suspendisse potenti. Duis suscipit ultricesmaximus. Nunc fermentum mauris eros, sed tempor orci mattisvel. Donec placerat tincidunt eros vel imperdiet. In condimentum, ipsum hendrerit lacinia volutpat',
  53.                 btn_name: 'LEARN MORE',
  54.                 btn_href: '#',
  55.                 msg_list: [
  56.                     'Model Design, engineered for you',
  57.                     'Fully responsive & mobile responsive',
  58.                     'It very easy customize, your business sucesss'
  59.                 ]
  60.             }
  61.         },
  62.         {
  63.             type: 'about2',
  64.             data: {
  65.                 title: 'Its Awesome',
  66.                 desc: '',
  67.                 img: getImgUrl('phone-06.png'),
  68.                 msg_list: [
  69.                     {
  70.                         event_id: 'collapse1',
  71.                         icon: 'fa-camera',
  72.                         title: 'Made with love',
  73.                         desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu, lobortis idinterdum vitae, interdum eget elit. Curabitur quis urna nulla. Suspendisse potenti.'
  74.                     },
  75.                     {
  77.                         event_id: 'accordion2',
  78.                         icon: 'fa-bluetooth-b',
  79.                         title: 'Model Design, engineered for you',
  80.                         desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu, lobortis idinterdum vitae, interdum eget elit. Curabitur quis urna nulla. Suspendisse potenti.'
  81.                     },
  82.                     {
  83.                         event_id: 'collapse3',
  84.                         icon: 'fa-calendar',
  85.                         title: 'Fully responsive, mobile ready',
  86.                         desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu, lobortis idinterdum vitae, interdum eget elit. Curabitur quis urna nulla. Suspendisse potenti. '
  87.                     },
  88.                     {
  89.                         event_id: 'collapse4',
  90.                         icon: 'fa-bell-o',
  91.                         title: 'Color Schemes, very easy customize',
  92.                         desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu, lobortis idinterdum vitae, interdum eget elit. Curabitur quis urna nulla. Suspendisse potenti.'
  93.                     }
  94.                 ]
  95.             }
  96.         },
  97.         {
  98.             type: 'action',
  99.             data: {
  100.                 img_bg: getImgUrl('cta-01.jpg'),
  101.                 title: 'We Make Awesome',
  102.                 desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu, lobortis id interdumvitae, interdum eget elit. Curabitur quis urna nulla. Suspendisse potenti. Duis suscipit ultricesmaximus. ',
  103.                 img: getImgUrl('phone-01.png'),
  104.                 leftBtn_href: '#',
  105.                 leftBtn_name: 'APP STROE',
  106.                 rightBtn_href: '#',
  107.                 rightBtn_name: 'ANDORID'
  108.             }
  109.         },
  110.         {
  111.             type: 'features',
  112.             data: {
  113.                 nav_name: '特征',
  114.                 nav_url: 'features',
  115.                 title: 'Premium Features',
  116.                 left: {
  117.                     msg_list: [
  118.                         {
  119.                             href: '#',
  120.                             title: 'MODERN DESIGN',
  121.                             icon: 'fa-trophy',
  122.                             desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing        elit. Nunc mauris arcu, lobortis id interdum vitae'
  123.                         },
  124.                         {
  125.                             href: '#',
  126.                             title: 'RESPONSIVE DESIGN',
  127.                             icon: 'fa-tablet',
  128.                             desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing        elit. Nunc mauris arcu, lobortis id interdum vitae'
  129.                         },
  130.                         {
  131.                             href: '#',
  132.                             title: 'LAYOUT FLEXIBLE',
  133.                             icon: 'fa-crop',
  134.                             desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing        elit. Nunc mauris arcu, lobortis id interdum vitae'
  135.                         }
  136.                     ]
  137.                 },
  138.                 middle_img: getImgUrl('phone-02.png'),
  139.                 right: {
  140.                     msg_list: [
  141.                         {
  142.                             href: '#',
  143.                             title: 'UNILIMITED ELEMENTS',
  144.                             icon: 'fa-codepen',
  145.                             desc: 'Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nunc mauris arcu, lobortis id interdum vitae'
  146.                         },
  147.                         {
  148.                             href: '#',
  149.                             title: 'COLOR SCHEMES',
  150.                             icon: 'fa-pencil',
  151.                             desc: 'Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nunc mauris arcu, lobortis id interdum vitae'
  152.                         },
  153.                         {
  154.                             href: '#',
  155.                             title: 'FRIENDLY SUPPORT',
  156.                             icon: 'fa-heart',
  157.                             desc: 'Lorem ipsum dolor sit amet, consectetur adipiscingelit. Nunc mauris arcu, lobortis id interdum vitae'
  158.                         }
  159.                     ]
  160.                 }
  161.             }
  162.         },
  163.         {
  164.             type: 'statistic',
  165.             data: {
  166.                 img_bg: getImgUrl('statistic-01.jpg'),
  167.                 list: [
  168.                     {
  169.                         number: '1000',
  170.                         desc: 'down'
  171.                     },
  172.                     {
  173.                         number: '12',
  174.                         desc: 'EMPLOYEES'
  175.                     },
  176.                     {
  177.                         number: '10',
  178.                         desc: 'qqq'
  179.                     },
  180.                     {
  181.                         number: '10000',
  182.                         desc: 'rrr'
  183.                     },
  184.                     {
  185.                         number: '900',
  186.                         desc: 'yyy'
  187.                     }
  188.                 ]
  189.             }
  190.         },
  191.         {
  192.             type: 'screenshots',
  193.             data: {
  194.                 title: 'App Screenshots',
  195.                 list: [
  196.                     [
  197.                         {
  198.                             href: '#',
  199.                             img: getImgUrl('screenshots-01.jpg')
  200.                         },
  201.                         {
  202.                             href: '#',
  203.                             img: getImgUrl('screenshots-02.jpg')
  204.                         },
  205.                         {
  206.                             href: '#',
  207.                             img: getImgUrl('screenshots-03.jpg')
  208.                         },
  209.                         {
  210.                             href: '#',
  211.                             img: getImgUrl('screenshots-04.jpg')
  212.                         }
  213.                     ],
  214.                     [
  215.                         {
  216.                             href: '#',
  217.                             img: getImgUrl('screenshots-05.jpg')
  218.                         },
  219.                         {
  220.                             href: '#',
  221.                             img: getImgUrl('screenshots-06.jpg')
  222.                         },
  223.                         {
  224.                             href: '#',
  225.                             img: getImgUrl('screenshots-07.jpg')
  226.                         },
  227.                         {
  228.                             href: '#',
  229.                             img: getImgUrl('screenshots-08.jpg')
  230.                         }
  231.                     ],
  232.                     [
  233.                         {
  234.                             href: '#',
  235.                             img: getImgUrl('screenshots-04.jpg')
  236.                         },
  237.                         {
  238.                             href: '#',
  239.                             img: getImgUrl('screenshots-05.jpg')
  240.                         },
  241.                         {
  242.                             href: '#',
  243.                             img: getImgUrl('screenshots-06.jpg')
  244.                         },
  245.                         {
  246.                             href: '#',
  247.                             img: getImgUrl('screenshots-07.jpg')
  248.                         }
  249.                     ]
  250.                 ]
  251.             }
  252.         },
  253.         {
  254.             type: 'video',
  255.             data: {
  256.                 img_bg: getImgUrl('video-bg.jpg'),
  257.                 img_play: getImgUrl('ic-play-video.png'),
  258.                 desc: 'Start your business with awesome landing page',
  259.                 href: '#'
  260.             }
  261.         },
  262.         {
  263.             type: 'pricing',
  264.             data: {
  265.                 nav_name: '价格',
  266.                 nav_url: 'pricing',
  267.                 title: 'Pricing Tables',
  268.                 list: [
  269.                     {
  270.                         title: 'BASIC',
  271.                         icon: 'fa-cogs',
  272.                         price: '3.99',
  273.                         btn_name: 'CHOOSE PLAN',
  274.                         btn_href: '#',
  275.                         infoList: [
  276.                             'Security Suite',
  277.                             'Anaylitcs integration',
  278.                             '10 hours of support',
  279.                             '10 hours of support',
  280.                             '10 hours of support'
  281.                         ]
  282.                     },
  283.                     {
  284.                         title: 'BASIC',
  285.                         icon: 'fa-cogs',
  286.                         price: '3.99',
  287.                         btn_name: 'CHOOSE PLAN',
  288.                         btn_href: '#',
  289.                         infoList: [
  290.                             'Security Suite',
  291.                             'Anaylitcs integration',
  292.                             '10 hours of support',
  293.                             '10 hours of support',
  294.                             '10 hours of support'
  295.                         ]
  296.                     },
  297.                     {
  298.                         title: 'BASIC',
  299.                         icon: 'fa-cogs',
  300.                         price: '3.99',
  301.                         btn_name: 'CHOOSE PLAN',
  302.                         btn_href: '#',
  303.                         infoList: [
  304.                             'Security Suite',
  305.                             'Anaylitcs integration',
  306.                             '10 hours of support',
  307.                             '10 hours of support',
  308.                             '10 hours of support'
  309.                         ]
  310.                     }
  311.                 ]
  312.             }
  313.         },
  314.         {
  315.             type: 'faqs',
  316.             data: {
  317.                 img: getImgUrl('phone-03.png'),
  318.                 title: 'Frequently Asked Questions',
  319.                 list: [
  320.                     {
  321.                         event_id: 'collapse6',
  322.                         item_title: 'What nulla accumsan libero ac elit mattis?',
  323.                         desc: 'Fusce ornare mi vel risus porttitor dignissim. Nunc eget risus at ipsum blandit ornarevel sed velit. Proin gravida arcu nisl, a dignissim mauris placerat id. Vivamus interdumurna at sapien varius elementum. Suspendisse ut mi felis et interdum liberolacinia vel.'
  324.                     },
  325.                     {
  326.                         event_id: 'collapse7',
  327.                         item_title: 'What nulla accumsan libero ac elit mattis?',
  328.                         desc: 'Fusce ornare mi vel risus porttitor dignissim. Nunc eget risus at ipsum blandit ornarevel sed velit. Proin gravida arcu nisl, a dignissim mauris placerat id. Vivamus interdumurna at sapien varius elementum. Suspendisse ut mi felis et interdum liberolacinia vel.'
  329.                     },
  330.                     {
  331.                         event_id: 'collapse8',
  332.                         item_title: 'What nulla accumsan libero ac elit mattis?',
  333.                         desc: 'Fusce ornare mi vel risus porttitor dignissim. Nunc eget risus at ipsum blandit ornarevel sed velit. Proin gravida arcu nisl, a dignissim mauris placerat id. Vivamus interdumurna at sapien varius elementum. Suspendisse ut mi felis et interdum liberolacinia vel.'
  334.                     }
  335.                 ]
  336.             }
  337.         },
  338.         {
  339.             type: 'testimonials',
  340.             data: {
  341.                 nav_name: '推荐',
  342.                 nav_url: 'testimonials',
  343.                 title: '12343245等級劃分',
  344.                 img_bg: getImgUrl('testimonials-01.jpg'),
  345.                 list: [
  346.                     {
  347.                         avatar: getImgUrl('avatar-01.jpg'),
  348.                         desc: 'Lorem ipsum dolor sitamet, consectetur adipiscing elit. Integer facilisis nisi at erat imperdiet, afaucibus enim egestas. Mauris nibh lorem, volutpat sit amet eleifend vel, semperdictum nisi. Fusce ac venenatisquam, pretium pretium sapien. Donec quis imperdiet sapien.',
  349.                         username: 'Cheryl Cruz',
  350.                         job: 'UI/UX Designer',
  351.                         tip_list: [
  352.                             {
  353.                                 icon: 'fa-facebook',
  354.                                 href: '#'
  355.                             },
  356.                             {
  357.                                 icon: 'fa-facebook',
  358.                                 href: '#'
  359.                             },
  360.                             {
  361.                                 icon: 'fa-facebook',
  362.                                 href: '#'
  363.                             }
  364.                         ]
  365.                     },
  366.                     {
  367.                         avatar: getImgUrl('avatar-01.jpg'),
  368.                         desc: 'Lorem ipsum dolor sitamet, consectetur adipiscing elit. Integer facilisis nisi at erat imperdiet, afaucibus enim egestas. Mauris nibh lorem, volutpat sit amet eleifend vel, semperdictum nisi. Fusce ac venenatisquam, pretium pretium sapien. Donec quis imperdiet sapien.',
  369.                         username: 'Cheryl Cruz',
  370.                         job: 'UI/UX Designer',
  371.                         tip_list: [
  372.                             {
  373.                                 icon: 'fa-facebook',
  374.                                 href: '#'
  375.                             },
  376.                             {
  377.                                 icon: 'fa-facebook',
  378.                                 href: '#'
  379.                             },
  380.                             {
  381.                                 icon: 'fa-facebook',
  382.                                 href: '#'
  383.                             }
  384.                         ]
  385.                     },
  386.                     {
  387.                         avatar: getImgUrl('avatar-01.jpg'),
  388.                         desc: 'Lorem ipsum dolor sitamet, consectetur adipiscing elit. Integer facilisis nisi at erat imperdiet, afaucibus enim egestas. Mauris nibh lorem, volutpat sit amet eleifend vel, semperdictum nisi. Fusce ac venenatisquam, pretium pretium sapien. Donec quis imperdiet sapien.',
  389.                         username: 'Cheryl Cruz',
  390.                         job: 'UI/UX Designer',
  391.                         tip_list: [
  392.                             {
  393.                                 icon: 'fa-facebook',
  394.                                 href: '#'
  395.                             },
  396.                             {
  397.                                 icon: 'fa-facebook',
  398.                                 href: '#'
  399.                             },
  400.                             {
  401.                                 icon: 'fa-facebook',
  402.                                 href: '#'
  403.                             }
  404.                         ]
  405.                     }
  406.                 ]
  407.             }
  408.         },
  409.         {
  410.             type: 'download',
  411.             data: {
  412.                 nav_name: '下载',
  413.                 nav_url: 'download',
  414.                 title: 'Download Awesome App Now',
  415.                 img: getImgUrl('phone-04.png'),
  416.                 desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu, lobortis id interdumvitae, interdum eget elit. Curabitur quis urna nulla. Suspendisse potenti. Duis suscipit ultricesmaximus.',
  417.                 btn_list: [
  418.                     {
  419.                         href: '#',
  420.                         img: getImgUrl('ic-btn-appstore.png')
  421.                     },
  422.                     {
  423.                         href: '#',
  424.                         img: getImgUrl('ic-btn-appstore.png')
  425.                     }
  426.                 ]
  427.             }
  428.         },
  429.         {
  430.             type: 'team',
  431.             data: {
  432.                 nav_name: '团队',
  433.                 nav_url: 'team',
  434.                 title: 'Meet The Team',
  435.                 list: [
  436.                     {
  437.                         img: getImgUrl('member-01.jpg'),
  438.                         href: '#',
  439.                         name: 'Philip Barnett',
  440.                         job: 'UI/UX Designer',
  441.                         socials_list: [
  442.                             {
  443.                                 icon: 'fa-facebook',
  444.                                 href: ''
  445.                             },
  446.                             {
  447.                                 icon: 'fa-facebook',
  448.                                 href: ''
  449.                             },
  450.                             {
  451.                                 icon: 'fa-facebook',
  452.                                 href: ''
  453.                             },
  454.                             {
  455.                                 icon: 'fa-facebook',
  456.                                 href: ''
  457.                             }
  458.                         ]
  459.                     },
  460.                     {
  461.                         img: getImgUrl('member-01.jpg'),
  462.                         href: '#',
  463.                         name: 'Philip Barnett',
  464.                         job: 'UI/UX Designer',
  465.                         socials_list: [
  466.                             {
  467.                                 icon: 'fa-facebook',
  468.                                 href: ''
  469.                             },
  470.                             {
  471.                                 icon: 'fa-facebook',
  472.                                 href: ''
  473.                             },
  474.                             {
  475.                                 icon: 'fa-facebook',
  476.                                 href: ''
  477.                             },
  478.                             {
  479.                                 icon: 'fa-facebook',
  480.                                 href: ''
  481.                             }
  482.                         ]
  483.                     },
  484.                     {
  485.                         img: getImgUrl('member-01.jpg'),
  486.                         href: '#',
  487.                         name: 'Philip Barnett',
  488.                         job: 'UI/UX Designer',
  489.                         socials_list: [
  490.                             {
  491.                                 icon: 'fa-facebook',
  492.                                 href: ''
  493.                             },
  494.                             {
  495.                                 icon: 'fa-facebook',
  496.                                 href: ''
  497.                             },
  498.                             {
  499.                                 icon: 'fa-facebook',
  500.                                 href: ''
  501.                             },
  502.                             {
  503.                                 icon: 'fa-facebook',
  504.                                 href: ''
  505.                             }
  506.                         ]
  507.                     },
  508.                 ]
  509.             }
  510.         },
  511.         {
  512.             type: 'blog',
  513.             data: {
  514.                 nav_url: 'blog',
  515.                 nav_name: '博客',
  516.                 title: 'Latest Form News',
  517.                 btn_name: 'VIEW ALL BLOG POSTS',
  518.                 btn_href: '',
  519.                 list: [
  520.                     {
  521.                         img: getImgUrl('blog-01.jpg'),
  522.                         title: 'Best Seller of the Week: 600+ UI Elements design for Web',
  523.                         date: 'July 18, 2017',
  524.                         news_href: '#',
  525.                         news_name: 'CONTINUE READING'
  526.                     },
  527.                     {
  528.                         img: getImgUrl('blog-01.jpg'),
  529.                         title: 'Best Seller of the Week: 600+ UI Elements design for Web',
  530.                         date: 'July 18, 2017',
  531.                         news_href: '#',
  532.                         news_name: 'CONTINUE READING'
  533.                     },
  534.                     {
  535.                         img: getImgUrl('blog-01.jpg'),
  536.                         title: 'Best Seller of the Week: 600+ UI Elements design for Web',
  537.                         date: 'July 18, 2017',
  538.                         news_href: '#',
  539.                         news_name: 'CONTINUE READING'
  540.                     }
  541.                 ]
  542.             }
  543.         },
  544.         {
  545.             type: 'partners',
  546.             data: {
  547.                 title: 'Our Partners',
  548.                 desc: ' Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu, lobortis id interdum vitae, interdum eget elit. Curabitur quis urna nulla',
  549.                 list: [
  550.                     {
  551.                         href: '',
  552.                         img: getImgUrl('ic-partner-01.png')
  553.                     },
  554.                     {
  555.                         href: '',
  556.                         img: getImgUrl('ic-partner-01.png')
  557.                     },
  558.                     {
  559.                         href: '',
  560.                         img: getImgUrl('ic-partner-01.png')
  561.                     },
  562.                     {
  563.                         href: '',
  564.                         img: getImgUrl('ic-partner-01.png')
  565.                     }
  566.                 ]
  567.             }
  568.         },
  569.         {
  570.             type: 'contact',
  571.             data: {
  572.                 nav_url: 'contact',
  573.                 nav_name: '联系',
  574.                 title: 'Send Us A Message',
  575.                 talk_title: 'Lets Talk',
  576.                 talk_desc: '(800) 123-6879',
  577.                 address_title: 'Address',
  578.                 address_desc: 'Snac Center 8th floor, 379 Hudson St, New York, NY 10018'
  579.             }
  580.         },
  581.         {
  582.             type: 'bottom',
  583.             data: {
  584.                 link_list: [
  585.                     {
  586.                         href: '#',
  587.                         name: 'FEATURES'
  588.                     },
  589.                     {
  590.                         href: '#',
  591.                         name: 'DOWNLOAD'
  592.                     },
  593.                     {
  594.                         href: '#',
  595.                         name: 'BLOG'
  596.                     },
  597.                     {
  598.                         href: '#',
  599.                         name: 'ABOUT'
  600.                     },
  601.                     {
  602.                         href: '#',
  603.                         name: 'PRIVACY POLICY'
  604.                     }
  605.                 ]
  606.             }
  607.         },
  608.     ]
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注