uni-list.vue 713 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <view class="uni-list">
  3. <slot />
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. name: 'UniList'
  9. }
  10. </script>
  11. <style>
  12. @charset "UTF-8";
  13. .uni-list {
  14. background-color: #fff;
  15. position: relative;
  16. width: 100%;
  17. display: flex;
  18. flex-direction: column
  19. }
  20. .uni-list:after {
  21. position: absolute;
  22. z-index: 10;
  23. right: 0;
  24. bottom: 0;
  25. left: 0;
  26. /*height: 1px;*/
  27. content: '';
  28. -webkit-transform: scaleY(.5);
  29. transform: scaleY(.5);
  30. background-color: #c8c7cc
  31. }
  32. .uni-list:before {
  33. position: absolute;
  34. z-index: 10;
  35. right: 0;
  36. top: 0;
  37. left: 0;
  38. /*height: 1px;*/
  39. content: '';
  40. -webkit-transform: scaleY(.5);
  41. transform: scaleY(.5);
  42. background-color: #c8c7cc
  43. }
  44. </style>