Bläddra i källkod

feat: add default css reset

菲鸽 2 år sedan
förälder
incheckning
818bd8ea26
1 ändrade filer med 46 tillägg och 0 borttagningar
  1. 46 0
      src/App.vue

+ 46 - 0
src/App.vue

@@ -11,3 +11,49 @@ onHide(() => {
   console.log('App Hide')
 })
 </script>
+
+<style lang="scss">
+/* stylelint-disable selector-type-no-unknown */
+view,
+navigator,
+input,
+scroll-view {
+  box-sizing: border-box;
+}
+
+button::after {
+  border: none;
+}
+
+swiper,
+scroll-view {
+  flex: 1;
+  height: 100%;
+  overflow: hidden;
+}
+
+image {
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+}
+
+// 单行省略使用 unocss: text-ellipsis
+// 两行省略
+.ellipsis-2 {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+// 三行省略
+.ellipsis-3 {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+</style>