歡迎來到懶人模板!我們專注移動互聯網,所有模板永久免費下載!
  • 首 頁
  • 當前位置:主頁 > 小程序教程 >

    微信小程序移動互聯網開發定制公司首頁樣式制作設計教程下載

    2018-06-26 09:53 來源/作者:懶人模板 分類:小程序教程  « »
    本文給大家帶來的是微信小程序移動互聯網開發定制公司首頁樣式制作設計教程,制作好以后效果圖如下:
    一、wxml頁面代碼如下:
    <import src="../../common/tpl/banner-swiper.wxml"/>
    <view>
        <template is="bannerSwiper" data="{{...bannerSwiperConfig}}"/>
        <view class="block-title">
            <text class="block-title-value"><text>六</text>大服務 <text>全</text>線開發</text>
            <text class="block-title-assist"></text>
        </view>
        <view class="service-list">
            <view class="service-item" wx:for="{{serviceList}}">
                <image src="{{item.icon}}"></image>
                <text>{{item.title}}</text>
            </view>
        </view>
        <view class="dingzhi">
            <view class="flow-process">
                <block wx:for="{{flowProcessList}}">
                    <view class="flow-process-item">
                        <view class="flow-process-con">
                            <text class="flow-process-index">{{index}}</text>
                            <text class="flow-process-title">{{item}}</text>
                        </view>
                    </view>
                    <view class="flow-process-arrow" wx:if="{{index < flowProcessList.length-1}}"></view>                
                </block>
            </view>
            <navigator class="dz-btn" url="../dingzhi/dingzhi">立即定制</navigator>
        </view>
    </view>

    點擊掃描效果預覽免費下載免登陸網盤下載
    標簽:
    * 懶人模板承諾:本站所有資源免費下載,無病毒,無彈窗,無干擾鏈接! 提點建議
    老品牌赛马会