You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<template> <view class="main"> <view class="top_row"> <view class="row selectAll"> <view class="icon "> <image src="@/static/images/icon (20).png" mode=""></image> <!-- <image src="@/static/images/icon (22).png" mode=""></image> --> </view> <view class="txt">全选</view> </view> <view class="searchBox"> <searchRow placeholder="名称/IP过滤" /> </view> </view> <view class="card"> <view class="row" v-for="(item,index) in 5" :key="index"> <view class="icon"> <image src="@/static/images/icon (20).png" mode="" v-if="index==1"></image> <image src="@/static/images/icon (22).png" mode="" v-else></image> </view> <view class="txt">192.168.1.44</view> </view> </view> <view class="btnPoz"> <view class="btnBg">确 定</view> </view> </view> </template>
<script> export default { data() { return {} } } </script>
<style lang="scss" scoped> .btnPoz { position: fixed; bottom: 30rpx; left: 0; width: 100%; padding: 0 32rpx; } .top_row { display: flex; align-items: center; padding: 14rpx 30rpx; background-color: #fff; font-size: 26rpx; .selectAll { width: 130rpx; } .searchBox { flex: 1; } } .row { align-items: center; display: flex; padding: 24rpx 0; .icon { width: 32rpx; height: 32rpx; } .txt { padding: 0 16rpx; font-size: 26rpx; } } .card { margin-top: 8rpx; padding: 30rpx; } </style>
|