Просмотр исходного кода

style(index): 添加间距视图和border-t-1注释

在index页面底部添加h-6间距视图
在scss文件中添加border-t-1的注释说明
feige996 8 месяцев назад
Родитель
Сommit
c805d6a02b
2 измененных файлов с 2 добавлено и 0 удалено
  1. 1 0
      src/pages/index/index.vue
  2. 1 0
      src/style/index.scss

+ 1 - 0
src/pages/index/index.vue

@@ -118,5 +118,6 @@ console.log('index')
         https://wot-design-uni.cn
       </text>
     </view>
+    <view class="h-6" />
   </view>
 </template>

+ 1 - 0
src/style/index.scss

@@ -19,6 +19,7 @@ page {
 }
 
 /*
+border-t-1
 由于uniapp中无法使用*选择器,使用魔法代替*,加上此规则可以简化border与divide的使用,并提升布局的兼容性
 1. 防止padding和border影响元素宽度。 (https://github.com/mozdevs/cssremedy/issues/4)
 2. 允许仅通过添加边框宽度来向元素添加边框。 (https://github.com/tailwindcss/tailwindcss/pull/116)