leDouQuery.vue 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <template>
  2. <view class="query-content">
  3. <view class="query-input">
  4. <u-input v-model="queryWord" :border="true" placeholder="请输入完整手机号码查询" type="number"/>
  5. <view class="query-button">
  6. <u-button shape="circle" type="primary">查询</u-button>
  7. </view>
  8. </view>
  9. <view class="query-result">
  10. <u-gap height="20" bg-color="#f8f8f8"></u-gap>
  11. <view class="result-list">
  12. <view class="result-title">
  13. <view>
  14. <u-icon name="account-fill" color="#666" size="28"></u-icon>
  15. <text>普通用户</text>
  16. </view>
  17. <view>
  18. <u-button @click="hexiao" type="warning" size="mini">乐豆核销</u-button>
  19. </view>
  20. </view>
  21. <view class="result-info">
  22. <u-cell-group>
  23. <u-cell-item :arrow="false" title="注册时间" value="2020-12-25 12:23:55"></u-cell-item>
  24. <u-cell-item :arrow="false" title="用户手机" value="1279495656"></u-cell-item>
  25. <u-cell-item :arrow="false" title="乐豆余额" :value-style="{color:'red'}" value="1200">
  26. </u-cell-item>
  27. </u-cell-group>
  28. </view>
  29. </view>
  30. <u-gap height="20" bg-color="#f8f8f8"></u-gap>
  31. <view class="result-list">
  32. <view class="result-title">
  33. <view>
  34. <u-icon name="account-fill" color="#666" size="28"></u-icon>
  35. <text>合伙人</text>
  36. </view>
  37. <view>
  38. </view>
  39. </view>
  40. <view class="result-info">
  41. <u-cell-group>
  42. <u-cell-item :arrow="false" title="注册时间" value="2020-12-25 12:23:55"></u-cell-item>
  43. <u-cell-item :arrow="false" title="用户手机" value="1279495656"></u-cell-item>
  44. <u-cell-item :arrow="false" title="乐豆余额" :value-style="{color:'red'}" value="1200">
  45. </u-cell-item>
  46. </u-cell-group>
  47. </view>
  48. </view>
  49. </view>
  50. </view>
  51. </template>
  52. <script>
  53. export default{
  54. data() {
  55. return {
  56. queryWord: ''
  57. }
  58. },
  59. methods: {
  60. hexiao() {
  61. uni.navigateTo({
  62. url: "/pages/ledouHexiao/ledouHexiao"
  63. })
  64. }
  65. },
  66. }
  67. </script>
  68. <style lang="less">
  69. .query-content{
  70. width: 100%;
  71. display: flex;
  72. flex-direction: column;
  73. .query-input{
  74. padding: 20rpx 60rpx;
  75. background: #FFFFFF;
  76. }
  77. .query-button{
  78. padding: 20rpx 0;
  79. }
  80. .query-result{
  81. flex-grow: 1;
  82. }
  83. .result-title{
  84. display: flex;
  85. align-items: center;
  86. justify-content: space-between;
  87. background: #fff;
  88. padding: 25rpx 30rpx;
  89. border-bottom: 1rpx solid #eee;
  90. }
  91. }
  92. </style>