移动端
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

3 роки тому
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <template>
  2. <div class="app-container">
  3. <van-nav-bar
  4. left-arrow
  5. fixed
  6. placeholder
  7. @click-left="$router.back(-1)"
  8. >
  9. <template #title>
  10. <p style="font-weight: bold;">使用权流转</p>
  11. </template>
  12. <template #right>
  13. <van-icon name="add" size="18" />
  14. </template>
  15. </van-nav-bar>
  16. <van-swipe-cell v-for="(item,index) in 10">
  17. <van-cell title="440604100202000000Z00012" value="待审" center >
  18. <template #icon>
  19. <van-icon name="../../../static/images/icon/icon_jt.png" size="22" color="#539FFD" style="margin-right: 10px;" />
  20. </template>
  21. <template #label>
  22. <p><b style="color: #FFA63E;">转让</b><i style="margin-right: 0.5rem;"></i><b style="color: #333333;">刘浩泽</b><i style="margin-right: 0.5rem;"></i>59㎡</p>
  23. </template>
  24. </van-cell>
  25. <template #right>
  26. <van-row>
  27. <van-col>
  28. <van-button square text="修改" type="info" class="delete-button" />
  29. </van-col>
  30. <van-col>
  31. <van-button square text="删除" type="danger" class="delete-button" />
  32. </van-col>
  33. </van-row>
  34. </template>
  35. </van-swipe-cell>
  36. </div>
  37. </template>
  38. <script>
  39. export default {
  40. name: "circulationList",
  41. data() {
  42. return {
  43. };
  44. },
  45. created() {
  46. },
  47. methods: {
  48. },
  49. }
  50. </script>
  51. <style scoped lang="scss">
  52. .app-container {
  53. padding: 0.2rem 3%;
  54. }
  55. /deep/.van-cell__title{
  56. flex: 0.7;
  57. }
  58. /deep/.van-cell__title span{
  59. font-family: Arial;
  60. font-size: 0.4rem;
  61. font-weight: normal;
  62. }
  63. /deep/.van-cell__value{
  64. flex: 0.3;
  65. color: #1D6FE9;
  66. font-weight: bold;
  67. }
  68. /deep/.van-swipe-cell{
  69. margin-bottom: 0.2rem;
  70. border-radius: 0.2rem;
  71. overflow: hidden;
  72. box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  73. }
  74. /deep/van-ellipsis{
  75. font-weight: bold;
  76. }
  77. .delete-button {
  78. height: 100%;
  79. }
  80. .van-row{
  81. height: 100%;
  82. }
  83. .van-col{
  84. height: 100%;
  85. }
  86. </style>