欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

微信小程序開發(fā)--條件渲染詳解 - 新聞資訊 - 云南小程序開發(fā)|云南軟件開發(fā)|云南網站建設-昆明葵宇信息科技有限公司

159-8711-8523

云南網建設/小程序開發(fā)/軟件開發(fā)

知識

不管是網站,軟件還是小程序,都要直接或間接能為您產生價值,我們在追求其視覺表現的同時,更側重于功能的便捷,營銷的便利,運營的高效,讓網站成為營銷工具,讓軟件能切實提升企業(yè)內部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!

您當前位置>首頁 » 新聞資訊 » 小程序相關 >

微信小程序開發(fā)--條件渲染詳解

發(fā)表時間:2021-5-11

發(fā)布人:葵宇科技

瀏覽次數:61

這里先寫一下布局的代碼和js效果代碼,細節(jié)有空再補充



<block wx:if="{{condition}}">
  <view class="content">
    <view class="current_box center">
      <view class="current_city center">
        <text>當前城市:text>
        <text>{{city}}text>
      view>
    view>
    <view class="start_box text_center" bindtap="startEvent">
      <text class="start">起點text>
      <text class="set_out">{{startData}}text>
    view>
    <view class="end_box text_center" bindtap="endEvent">
      <text>終點text>
      <text>{{endData}}text>
    view>
    <view class="find_box center">
      <view class="find center" bindtap="findEvent">
        <text class="find_text">查詢text>
      view>
    view>
  view>
block>

<block wx:if="{{start}}">
  <view class="start_search_box">
    <view class="searches center">
      <view class="search text_center">
        <text class="search_text center">searchtext>
        <input class="search_input center"  type="text" placeholder="請輸入起點" bindinput="startInputEvent"/>
        <text class="search_back center" bindtap="startBackEvent">backtext>
      view>
    view>
    <view class="location_box center">
      <view class="location">
        <text class="location_text align_center">我的位置:text>
        <text class="location_city align_center">{{address}}text>
      view>
    view>
  view>
block>


<block wx:if="{{isShow}}">
  <view class="start_show_box center">
    <view class="start_show_content">
      <view class="start_content align_center" wx:key="unique" bindtap="startItemEvent" wx:for="{{array}}" data-index="{{index}}">
        {{index}}:{{item.name}}
      view>
    view>
  view>
block>

<block wx:if="{{end}}">
  <view class="end_search_box center">
    <view class="end_search text_center">
      <text class="search_text">searchtext>
      <input type="text" placeholder="請輸入終點" bindinput="endInputEvent" />
      <text class="search_back" bindtap="endBackEvent">backtext>
    view>
  view>
block>

<block wx:if="{{isTrue}}">