微信小程序(.wxml)学习小计，页面00

页面00的wxml文件

<view class="user">

<button style="width:500rpx; height:180rpx; margin:0rpx; padding:0rpx;"

open-type="getUserProfile" bindgetuserinfo="onGetUserInfo" hover-class="none" catchtap="bindGetUserInfo">

<view class="userinfo">

<image class="userinfo-avatar" src="{{avatarUrl}}" mode="scaleToFill"></image>

<view class="userinfo-nickname">{{nickName}}</view>

</view>

</button>n

hover-class="none"：取消按钮的点击效果
catchtap与bindtap的区别：不会执行父元素的事件
详见[：]((45条消息) bindtap和catchtap的区别_柠檬不萌只是酸i的博客-CSDN博客_catchtap)\

<view class="management" bindtap="management" wx:if="{{is_admin}}">管理员入口</view>

</view>

<view style="display:flex; flex-direction:row; justify-content:space-between; align-items:center; "

 class="area">

  <input class="search_input" placeholder="输入词语.." bindinput="bindKeyInput" value="{{search_word}}"></input>

  <image class="search_img" bindtap="search" src="../../icon/search.png"></image>

</view>

<view class="area">

  <view class="area-title">

    <text class="title">最新热词</text>

  </view>

  <view class="word-line" wx:for="{{hot_words}}" wx:for-index="idx" wx:for-item="itemName"

  style='{{idx==hot_words.length-1?"":"border-bottom:4rpx solid #437dd4;"}}'

  bindtap="hotword" data-word="{{itemName.word}}">

  <view class="word-content">

    <view class="word-txt">{{itemName.word}}</view>

    <view class="word-hot">{{itemName.hot}}</view>

  </view>

  <image class="word-img" src="../../icon/fire.png"> </image>

  </view>

</view>

<view class="bottom-line" >

  <view class="bottom-txt">当前词库已收录</view>

<view class="bottom-button">

  <button class="bottom-click" size="mini" bindtap="feedback"

  style="width:300rpx; height:60rpx; margin:0rpx; padding:0rpx; font-size:30rpx;">联系与反馈</button>

  <button class="bottom-click" size="mini" open-type="share"

  style="width:300rpx; height:60rpx; margin:0rpx; padding:0rpx; font-size:30rpx;">分享给好友</button>

  </view>

</view>