all-permission.vue 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <template>
  2. <view class="more-set-box">
  3. <en-nav title="相关许可证" :title-color="'#333'" ></en-nav>
  4. <view class="set-list">
  5. <view class="set-item" @click="goToUrl('1')">
  6. <view class="item-text sys-height-44 sys-color-black">营业执照</view>
  7. <view class="item-icon">
  8. <text class="iconfont sys-height-44 sys-color-gray-9"> &#xe62b;</text>
  9. </view>
  10. </view>
  11. <view class="set-item" @click="goToUrl('2')">
  12. <view class="item-text sys-height-44 sys-color-black">增值电信业务许可证</view>
  13. <view class="item-icon">
  14. <text class="iconfont sys-height-44 sys-color-gray-9"> &#xe62b;</text>
  15. </view>
  16. </view>
  17. <view class="set-item" @click="goToUrl('3')">
  18. <view class="item-text sys-height-44 sys-color-black">网络文化经验许可证</view>
  19. <view class="item-icon">
  20. <text class="iconfont sys-height-44 sys-color-gray-9"> &#xe62b;</text>
  21. </view>
  22. </view>
  23. </view>
  24. </view>
  25. </template>
  26. <script>
  27. import EnNav from "@/components/en-utils/en-nav/en-nav";
  28. export default {
  29. components: {EnNav},
  30. data() {
  31. return {
  32. }
  33. },
  34. methods: {
  35. goToUrl(type){
  36. uni.navigateTo({
  37. 'url':'./permission?type='+type
  38. })
  39. },
  40. }
  41. }
  42. </script>
  43. <style scoped lang="scss">
  44. .more-set-box{
  45. background-color: #F9F9F9;
  46. min-height: 100vh;
  47. padding-bottom: 50rpx;
  48. .set-list{
  49. margin: 20rpx 32rpx 0 32rpx;
  50. background-color: #fff;
  51. border-radius: 20rpx;
  52. padding: 0 32rpx;
  53. .set-item{
  54. padding: 32rpx 0;
  55. display: flex;
  56. justify-content: space-between;
  57. align-items: center;
  58. border-bottom: 1rpx solid #F2F2F2;
  59. .item-data{
  60. .describe-title{
  61. font-size: 30rpx;
  62. }
  63. .describe-text{
  64. margin-top: 4rpx;
  65. font-size: 24rpx;
  66. }
  67. }
  68. .item-text{
  69. font-size: 28rpx;
  70. }
  71. .item-icon{
  72. .iconfont{
  73. font-size: 28rpx;
  74. }
  75. }
  76. }
  77. .set-item:last-child{
  78. border-bottom: none;
  79. }
  80. }
  81. }
  82. </style>