|  |  |  | 
|---|
|  |  |  | <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; | 
|---|
|  |  |  | } | 
|---|