From d6fc16d0377b09f960c1f5a0d44efde05d98c910 Mon Sep 17 00:00:00 2001 From: whycq <whycq> Date: 星期四, 07 四月 2022 16:33:28 +0800 Subject: [PATCH] # --- pages/basics/matQuery.vue | 82 +++++++++++++++++++++++++++++++++++++++++ 1 files changed, 82 insertions(+), 0 deletions(-) diff --git a/pages/basics/matQuery.vue b/pages/basics/matQuery.vue new file mode 100644 index 0000000..28d2a09 --- /dev/null +++ b/pages/basics/matQuery.vue @@ -0,0 +1,82 @@ +<template> + <scroll-view scroll-y> + <view> + <view class="container"> + <view class="text-box"> + <view><text>鍟嗗搧缂栫爜</text></view> + <view><text>1111</text></view> + </view> + <view class="text-box"> + <view><text>鍟嗗搧鍚嶇О</text></view> + <view>鏄剧ず鍣�</view> + </view> + <view class="text-box"> + <view><text>瑙勬牸</text></view> + <view>24鑻卞</view> + </view> + <view class="text-box"> + <view><text>鎵瑰彿</text></view> + <view>YC-897998776</view> + </view> + <view class="text-box"> + <view><text>鏁伴噺</text></view> + <view>269</view> + </view> + <view class="foot flex justify-center"> + <label for=""> + <button class="cu-btn bg-blue">鎻愬彇</button> + </label> + </view> + </view> + </view> + </scroll-view> +</template> + +<script> +</script> + +<style> + .container { + width: 100%; + height: 100%; + background-color: #ffffff; + } + .text-box { + height: 100rpx; + line-height: 100rpx; + margin-top: 20rpx; + margin-left: 10%; + width: 80%; + font-size: 36rpx; + font-weight: 700; + color: #434343; + border-bottom: 1rpx solid #e8e8e8; + } + .text-box:last-child { + border-bottom: 1px solid #000000; + } + .text-box view { + width: 30%; + float: left; + display: inline-block; + } + .text-box view:last-child { + display: inline-block; + margin-left: 10%; + width: 60%; + font-size: 30rpx; + font-weight: 400; + color: #747474; + } + + .foot { + width: 100%; + height: 100rpx; + line-height: 100rpx; + background-color: rgba(255,255,255,1); + position: fixed; + bottom: 0%; + border-top: 1px solid #d8d8d8; + z-index: 1; + } +</style> -- Gitblit v1.9.1