以下基本框架

<scroll-view class='container' scroll-y="true" scroll-x="false" bindscrolltolower="onScrollLower">
<view class="weui-search-bar">
            <view class="weui-search-bar__form">
            <!-- 搜索框 -->
                <view class="weui-search-bar__box">
                    <icon class="weui-icon-search_in-box" type="search" size="14"></icon>
                    <input type="text" class="weui-search-bar__input" value="{{keys}}" bindinput="bindKeyInput" placeholder="请输入搜索内容" />
                </view>
            </view>
            <!-- 搜索按钮,调用搜索查询方法 -->
            <view class="weui-search-bar__cancel-btn" bindtap='search'>{{cancelValue}}</view>
        </view>
<view class="goodsList carts-list">
	<view  wx:for="{{article}}" wx:key="objectId" class="carts-item" data-object-id="{{item.id}}" bindtap="tapGoods">
			<!-- 缩略图 -->
			<image class="carts-image" mode='widthFix' src="{{imgurl}}{{item.img}}" />
		<view class="carts-text">
			<!-- 商品标题 -->
		<text class="carts-title">{{item.title}}</text>
			<view class="carts-subtitle">
				<text class="goods-score">{{item.intro}}</text> 
			</view>
		</view>
	</view>
</view>

<view wx:if="{{pageEnd==true}}" class='scrollEnd'>已显示所有数据...</view>
</scroll-view>

数据绑定

微信小程序页面渲染时，框架会将WXML文件同对应的Page的data进行绑定，在页面中我们可以直接使用data的属性，其使用的语法是Mustache语法，也就是使用双大括号将变量或简单的运算规则包裹起来，实现的主要渲染方式有以下几种：

铝型材铝架3D模型是采用Three引擎开发的一款专门用于铝型材铝架搭建的一款工具，适用于小程序。