|  |  | 
 |  |  | <template> | 
 |  |  |    <view> | 
 |  |  |       <scroll-view> | 
 |  |  |       <scroll-view scroll-y> | 
 |  |  |          <view> | 
 |  |  |             <view class="search-box"> | 
 |  |  |                <view class="search-area"> | 
 |  |  | 
 |  |  |             </checkbox-group> | 
 |  |  |          </view> | 
 |  |  |       </scroll-view> | 
 |  |  |       <view class="foot flex justify-around"> | 
 |  |  |       <view class="footer flex justify-around"> | 
 |  |  |          <label class="label-btn" style="width: 150rpx;"> | 
 |  |  |             <checkbox :checked="check" @click="allChecked()">{{checkText}}</checkbox> | 
 |  |  |          </label> | 
 |  |  | 
 |  |  |       color: #e74f4f; | 
 |  |  |    } | 
 |  |  |     | 
 |  |  |    .foot { | 
 |  |  |       width: 100%; | 
 |  |  |       height: 100rpx; | 
 |  |  |       line-height: 100rpx; | 
 |  |  |       background-color: #FFF; | 
 |  |  |       position: fixed; | 
 |  |  |       bottom: 0; | 
 |  |  |       border-top: 1px solid #d8d8d8; | 
 |  |  |       border-radius: 20rpx 20rpx 0 0 ; | 
 |  |  |       z-index: 1; | 
 |  |  |    } | 
 |  |  | 	 | 
 |  |  |    .label-btn { | 
 |  |  |       width: 150rpx; | 
 |  |  |    } |