userexit.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template name="user">
  2. <view>
  3. <cu-custom bgColor="bg-gradual-pink" :isBack="true">
  4. <block slot="backText">返回</block>
  5. <block slot="content">退出</block>
  6. </cu-custom>
  7. <scroll-view scroll-y class="page">
  8. <image src="/static/bj001.jpeg " mode="widthFix" class="response"></image>
  9. <view class="nav-list">
  10. <navigator hover-class="none" :url="'/pages/common/' + item.name" class="nav-li" navigateTo :class="'bg-'+item.color"
  11. :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" v-for="(item,index) in elements" :key="index">
  12. <view class="nav-title">{{item.title}}</view>
  13. <view class="nav-name">{{item.name}}</view>
  14. <text :class="'cuIcon-' + item.cuIcon"></text>
  15. </navigator>
  16. </view>
  17. <view class="cu-tabbar-height"></view>
  18. </scroll-view>
  19. </view>
  20. </template>
  21. <script>
  22. export default {
  23. name: 'user',
  24. data() {
  25. return {
  26. elements: [{
  27. title: '退出',
  28. name: 'exit',
  29. color: 'cyan',
  30. cuIcon: 'newsfill',
  31. auth: 'ac'
  32. }
  33. ],
  34. }
  35. },
  36. methods: {}
  37. }
  38. </script>
  39. <style>
  40. </style>