Parcourir la source

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

在index页面底部添加h-6间距视图
在scss文件中添加border-t-1的注释说明
feige996 il y a 8 mois
Parent
commit
c805d6a02b
2 fichiers modifiés avec 2 ajouts et 0 suppressions
  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)