|
@@ -0,0 +1,68 @@
|
|
|
+<template>
|
|
|
+ <view class="query-content">
|
|
|
+ <view class="query-input">
|
|
|
+ <u-input v-model="queryWord" :border="true" placeholder="请输入完整手机号码查询" type="number"/>
|
|
|
+ <view class="query-button">
|
|
|
+ <u-button shape="circle" type="primary">查询</u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="query-result">
|
|
|
+ <u-gap height="20" bg-color="#f8f8f8"></u-gap>
|
|
|
+ <view class="result-list">
|
|
|
+ <view class="result-title">
|
|
|
+ <view>
|
|
|
+ <u-icon name="account-fill" color="#666" size="28"></u-icon>
|
|
|
+ <text>普通用户</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <u-button type="warning" size="mini">乐豆核销</u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="result-info">
|
|
|
+ <u-cell-group>
|
|
|
+ <u-cell-item :arrow="false" title="注册时间" value="2020-12-25 12:23:55"></u-cell-item>
|
|
|
+ <u-cell-item :arrow="false" title="用户手机" value="1279495656"></u-cell-item>
|
|
|
+ <u-cell-item :arrow="false" title="乐豆余额" :value-style="{color:'red'}" value="1200">
|
|
|
+ </u-cell-item>
|
|
|
+ </u-cell-group>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default{
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ queryWord: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less">
|
|
|
+ .query-content{
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .query-input{
|
|
|
+ padding: 20rpx 60rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ }
|
|
|
+ .query-button{
|
|
|
+ padding: 20rpx 0;
|
|
|
+ }
|
|
|
+ .query-result{
|
|
|
+ flex-grow: 1;
|
|
|
+ }
|
|
|
+ .result-title{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ background: #fff;
|
|
|
+ padding: 30rpx;
|
|
|
+ border-bottom: 1rpx solid #eee;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|