powerSetting.vue 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <template>
  2. <view class="power-setting-main">
  3. <view class="flex-row power-setting-head">
  4. <img class="head-img" src="https://qiniu.bms16.com/FprjgdYTzB9LDkHZT1F-p_kQKNty" alt="">
  5. <view class="head-name">名字</view>
  6. <text class="head-email">1007929522@Mail.com</text>
  7. </view>
  8. <view class="setting-card" style="margin-bottom: 20rpx;">
  9. <view class="setting-card-name">权限设置</view>
  10. <view class="setting-card-list flex-row">
  11. <img src="https://qiniu.bms16.com/FgFEr3CUA43kd7yVCDcK4F7v9_zx" alt="">
  12. <view class="setting-list-text flex-row flex-between">
  13. <text>查看实时位置</text>
  14. <img class="setting-list-arrow" src="https://qiniu.bms16.com/FrA97op1dwM9XWH1ocqnF5FFlqoY" alt="">
  15. </view>
  16. </view>
  17. <view class="setting-card-list flex-row">
  18. <img src="https://qiniu.bms16.com/FmcZqGTnt64_v2xpgNbqS9Fa-fwy" alt="">
  19. <view class="setting-list-text flex-row flex-between">
  20. <text>使用换电</text>
  21. <img class="setting-list-arrow" src="https://qiniu.bms16.com/FuA5w59wrvsisg3bGhe3hQ2dR3Bk" alt="">
  22. </view>
  23. </view>
  24. </view>
  25. <view class="setting-card" style="margin-bottom: 32rpx;">
  26. <view class="setting-card-name">默认设置</view>
  27. <view class="setting-card-list flex-row">
  28. <img src="https://qiniu.bms16.com/FsUxQz3DwHIj_vt3fY25Twmjfpek" alt="">
  29. <view class="setting-list-text flex-row">远程开关锁</view>
  30. </view>
  31. <view class="setting-card-list flex-row">
  32. <img src="https://qiniu.bms16.com/FuCNZSqsoMxn2ha-njRW3zC2ORTz" alt="">
  33. <view class="setting-list-text flex-row">座桶锁</view>
  34. </view>
  35. <view class="setting-card-list flex-row">
  36. <img src="https://qiniu.bms16.com/Fs7i3i_LBM7Zpxyj7Ad7_Kc_8z-J" alt="">
  37. <view class="setting-list-text flex-row">感应解锁</view>
  38. </view>
  39. </view>
  40. <view class="check-btn add-btn">确认添加</view>
  41. <!-- <view class="check-btn del-btn">删除成员</view> -->
  42. </view>
  43. </template>
  44. <script>
  45. var config = require('../../common/config.js');
  46. export default {
  47. data() {
  48. return {
  49. };
  50. }
  51. /**
  52. * 生命周期函数--监听页面加载
  53. */
  54. ,
  55. onLoad: function(options) {
  56. },
  57. methods: {
  58. }
  59. };
  60. </script>
  61. <style>
  62. @import './powerSetting.css';
  63. </style>