nazw/nnzwminiapp/pages/publics/baseAffairs/baseAffairs.wxml

<view>
  <view style="position: relative;">
    <image src="{{imgUrl}}publics-base-header.png" mode="aspectFill" style="width:100%;height:418rpx"></image>
    <view style="display: flex;height: 49rpx;position: absolute;top: 160rpx;left: 194rpx;">
      <image src="{{imgUrl}}publics-base-logo-big.png" style="width: 50rpx;height:53rpx;"></image>
      <view style="padding-left: 13rpx;height: 100%;display: flex;align-items: center;font-size: 48rpx;color: #FFFFFF;">基层政务公开</view>
    </view>
    <view style="display: flex;align-items: center;position: absolute;justify-content: space-between;top: 280rpx;left: 31rpx;width: 689rpx;height: 80rpx;border-radius: 40rpx;background: #FFFFFF;opacity: 0.8;">
      <input bindinput="bindKeyInput" style="padding-left: 51rpx;font-size: 32rpx;color: #999999;height: 35rpx;width: 550rpx;" placeholder="搜索你想了解的政策/资讯/服务"></input>
      <view>
        <image bindtap="gotoSearch" src="{{imgUrl}}publics-base-search-logo.png" style="width: 37rpx;height: 37rpx;padding-right: 42rpx;" mode="" />
      </view>
    </view>
  </view>
  <!-- 内容 -->
  <view>
    <!-- 标准目录 -->
    <view style="display: flex;align-items: center;margin-top: 27rpx;border-bottom: 2rpx solid #C5C5C5;height: 82rpx">
      <view>
        <image src="{{imgUrl}}publics-base-menu-logo.png" mode="" style="width: 50rpx;height: 50rpx;padding-left: 35rpx;" />
      </view>
      <view style="font-family: DOUYU;color: #0068D5;font-size: 33rpx;padding-left: 16rpx">标准目录</view>
    </view>
    <!-- 内容 -->
    <view style="padding: 34rpx 38rpx;">
      <!-- 标题 -->
      <view style="width: 678rpx;font-size: 42rpx;font-weight: 600;color: #333333;display: flex;align-items: center;">
        重庆市南岸区人民政府办公室关于印发南岸区试点领域政务公开标准目录的通知
      </view>
      <!-- 内容 -->
      <view style="margin-top: 22rpx;border-top: 3rpx solid #508FF4;background-color: #F4F8FF;padding: 50rpx 30rpx 52rpx 33rpx;">
        <view style="font-size: 31rpx;color: #333333;line-height: 58rpx;">
          {{ content }}<span wx:if="{{content && content.length > 0}}" bindtap="goToDetail" style="margin-left: 20rpx;color: #508FF4;">详情>></span>
        </view>
      </view>
    </view>
  </view>
  <!-- 重点领域 -->
  <view style="position: relative;">
    <!-- title -->
    <view style="display: flex;flex-direction:column;margin-left: 30rpx;width: 689rpx;height: 224rpx;background-image: url({{imgUrl}}publics-base-zdly.png);background-size: 100% 100%;">
      <view style="font-size: 42rpx;color: #1654C5;font-weight: 600;padding-left: 35rpx;padding-top: 40rpx;">重点领域</view>
      <view style="padding-top: 15rpx;padding-left: 35rpx;font-size: 28rpx;color: #7D9DD8;">全面推进基层政务公开标准化规范化工作</view>
    </view>
    <!-- 列表 -->
    <view style="top: 190rpx;position:absolute;display: flex;align-items: center;margin-left: 30rpx;width: 615rpx;padding: 0rpx 37rpx 10rpx 37rpx;flex-wrap: wrap;justify-content: space-between;">
      <view bindtap="goToBaseAffairsDetail" data-item="{{index}}" wx:for="{{zdlyList}}" wx:for-index="index" wx:for-item="item" wx:key="index" style="width: 287rpx;height: 80rpx;display: flex;align-items: center;border: 1px solid #7D9DD8;border-radius: 10rpx;margin-bottom: 20rpx;">
        <image bindtap="goToBaseAffairsDetail" data-item="{{index}}" style="margin-left: 21rpx;width: 48rpx;height: 48rpx;" src="{{imgUrl + item.icon}}" mode=""/>
        <view bindtap="goToBaseAffairsDetail" data-item="{{index}}" style="display: flex;align-items: center;justify-content: center;width: 207rpx;font-size: 26rpx;color: #255FBB;height: 28rpx;">{{item.name}}</view>
      </view>
    </view>
  </view>

</view>