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="searchBox"> <searchRow placeholder="请输入模版名称/模版内容" /> </view> <view class="ul"> <view class="total">共3条</view> <view class="card"> <view class="row"> <view class="lab">模版名称</view> <view class="val">abc</view> </view> <view class="row"> <view class="lab">模版内容</view> <view class="val">abc</view> </view> <view class="row"> <view class="lab">模版描述</view> <view class="val">abc</view> </view> </view> </view> </view> </template>
<script> </script>
<style lang="scss" scoped> .searchBox { padding: 14rpx 30rpx; background-color: #fff; } .ul { padding: 0rpx 30rpx; .total { height: 66rpx; line-height: 66rpx; font-size: 24rpx; color: #999; text-align: right; } } .card { padding: 20rpx; margin-bottom: 20rpx; background-color: #fff; &.active { border: 1px solid $themC; background-color: #dfeaf5; .row { color: $themC; } } .row { display: flex; font-size: 24rpx; color: #333; padding: 20rpx 0; .lab { width: 140rpx; } .val { flex: 1; width: 0; text-align: right; } } } </style>
|