SlyGrid.vue 626 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <view>
  3. <u-grid :col="attrs['col']" :border="attrs['border']" :align="attrs['align']">
  4. <u-grid-item class="item" v-for="(v,i) in dataLists" :key="'grid'+i"
  5. :custom-style="{...$getStyle(attrs),color:v.color}" :bg-color="v.bgColor">
  6. <image :src="v.image" mode="widthFix"></image>
  7. <view class="grid-text">{{v.title}}</view>
  8. </u-grid-item>
  9. </u-grid>
  10. </view>
  11. </template>
  12. <script>
  13. import Mixin from "../Mixin";
  14. export default {
  15. data() {
  16. return {
  17. }
  18. },
  19. mixins: [Mixin],
  20. }
  21. </script>
  22. <style lang="scss" scoped>
  23. .item {
  24. image {
  25. width: 100%;
  26. height: 116rpx;
  27. }
  28. }
  29. </style>