12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- <template>
- <view class="content">
- <view class="swiper">111</view>
- <view class="gg">
- <view class="gg-list" v-for="item in 10">
- 11
- </view>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- }
- },
- onLoad() {
- },
- methods: {
- }
- }
- </script>
- <style lang="scss">
- .content{
- display: grid;
- padding: 20rpx 30rpx;
- grid-template-rows: 600rpx 100rpx;
- // grid-template-columns: 700rpx auto;
- .gg{
- background-color: red;
- line-height: 100rpx;
- grid-template-columns: repeat(auto-fill,100rpx);
- grid-gap: 20rpx 20rpx;
- .gg-list{
- padding: 30rpx;
- background-color: #000;
- color: #fff;
- }
- }
- .swiper{
- background-color: #333;
- padding: 20rpx;
- }
- view{
- display: inline-grid;
- }
- }
- </style>
|