ruzhuxuzhi.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <view class="content">
  3. <view class="xuzhi">
  4. <view style="margin-left: 50rpx;margin-top: 15rpx;margin-right: 15rpx;" v-for="(item,index) in xuzhiList" :key="index">•{{item.list}}</view>
  5. </view>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. data() {
  11. return {
  12. xuzhiList:[
  13. {id:1,list:'酒店在14:00后办理入住;'},
  14. {id:2,list:'我们从分享时机、分享形式、分享动机、分享场景4个维度来聊聊;'},
  15. {id:3,list:'我们从分享时机、分享形式、分享动机、分享场景4个维度来聊聊,时机、分享形式、分享动机、分享场景4个维度来聊聊;'},
  16. ]
  17. }
  18. },
  19. onLoad() {
  20. },
  21. methods: {
  22. }
  23. }
  24. </script>
  25. <style>
  26. .content {
  27. display: flex;
  28. flex-direction: column;
  29. align-items: center;
  30. justify-content: center;
  31. background-color: #F2F3F5;
  32. }
  33. .xuzhi{
  34. display: revert;
  35. margin-top: 20rpx;
  36. width: 750rpx;
  37. height: 1300rpx;
  38. background: rgba(255, 255, 255, 1);
  39. color: rgba(102, 102, 102, 1);
  40. font-size: 28rpx;
  41. font-weight: 400;
  42. }
  43. </style>