evaluateStoreDetail.vue 880 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <!-- <uni-check-list :listData="list" types="checkbox" @ok="chooseOk" :showArrow="false">
  3. </uni-check-list> -->
  4. <view class="store-all">
  5. <view>
  6. <view v-for="item in items" :key="item.id" class="checkbox-item">
  7. {{item.name}}
  8. </view>
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. data() {
  15. return {
  16. items: [
  17. {name:"常青二路"},
  18. {name:"世家星城"},
  19. {name:"咸宁东路"},
  20. ]
  21. }
  22. },
  23. methods: {
  24. }
  25. }
  26. </script>
  27. <style lang="scss">
  28. page{
  29. height: 100%;
  30. }
  31. .store-all{
  32. height: 100%;
  33. display: flex;
  34. flex-direction: column;
  35. .uni-list{
  36. width: 100%;
  37. flex-grow: 1;
  38. overflow: auto;
  39. }
  40. }
  41. .checkbox-item{
  42. width:100%;
  43. padding: 15upx 30upx;
  44. border-bottom: 1px solid #eee;
  45. background: #fff;
  46. display: flex;
  47. justify-content: space-between;
  48. margin-bottom: 15upx;
  49. }
  50. </style>