微信小程序如何封装这个代码？只是输出的样式不一样

Question

<!-- 选择用餐类型 -->
<view bindtap='hid' wx:if='{{footTypeMask}}' class="business_start" catchtouchmove="ture">
  <scroll-view class="scroll" scroll-y scroll-x>
    <block wx:for='{{footList}}' wx:key='{{key}}'>
      <view bindtap='footType' data-item='{{item.name}}' class='start_time'>{{item.name}}</view>
    </block>
  </scroll-view>
</view>

<!-- 选择折扣类型 -->
<view bindtap='hid' wx:if='{{discountMask}}' class="business_start" catchtouchmove="ture">
  <scroll-view class="scroll" scroll-y scroll-x>
    <block wx:for='{{discountList}}' wx:key='{{key}}'>
      <view bindtap='discountType' data-item='{{item.name}}' class='start_time'>{{item.name}}折</view>
    </block>
  </scroll-view>
</view>

<!-- 选择人数-->
<view bindtap='hid' wx:if='{{minprice}}' class="business_start" catchtouchmove="ture">
  <scroll-view class="scroll" scroll-y scroll-x>
    <block wx:for='{{price_center}}' wx:key='{{key}}'>
      <view bindtap='priceType' data-minprice='{{item.minprice}}'  data-maxprice='{{item.maxprice}}' class='start_time'>{{item.minprice}}-{{item.maxprice}}</view>
    </block>
  </scroll-view>
</view>

Answer 1

将这几段代码分别写到三个wxml文件中，然后在需要的位置处引入某个页面就行了