Browse Source

部分border宽度设置,显示在uc中

yangc 8 năm trước cách đây
mục cha
commit
eaeadaf714
2 tập tin đã thay đổi với 89 bổ sung18 xóa
  1. 88 17
      assets/scss/mobileCommon.scss
  2. 1 1
      pages/mobile/shop/index.vue

+ 88 - 17
assets/scss/mobileCommon.scss

@@ -1,23 +1,94 @@
-html,body{
-  overflow: hidden; /*手机上写overflow-x:hidden;会有兼容性问题,如果子级如果是绝对定位有运动到屏幕外的话ios7系统会出现留白*/
-  -webkit-overflow-scrolling:touch; /*流畅滚动,ios7下会有滑一下滑不动的情况,所以需要写上*/
+html {
+  overflow-y: scroll;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
 }
-input {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
+
+html * {
+  outline:none;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color:rgba(0,0,0,0);
 }
-element {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  user-select: none;
+
+/* 内外边距通常让各个浏览器样式的表现位置不同 */
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+  margin: 0;
+  padding: 0;
 }
-element {
-  -webkit-touch-callout: none;
+
+input, select, textarea {
+  font-size: 100%;
 }
-element {
-  -webkit-tap-highlight-color:rgba(255,255,255,0)
+
+/* 去掉各 Table  cell 的边距并让其边重合 */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* 去除默认边框 */
+fieldset, img {
+  border: 0;
+}
+
+/* 去掉 firefox 下此元素的边框 */
+abbr, acronym {
+  border: 0;
+  font-variant: normal;
+}
+
+/* 一致的 del 样式 */
+del {
+  text-decoration: line-through;
+}
+
+address, caption, cite, code, dfn, em, th, var {
+  font-style: normal;
+  font-weight: 500;
+}
+
+/* 去掉列表前的标识, li 会继承 */
+ol, ul {
+  list-style: none;
+}
+
+/* 对齐是排版最重要的因素, 别让什么都居中 */
+caption, th {
+  text-align: left;
+}
+
+q:before, q:after {
+  content: '';
+}
+
+/* 统一上标和下标 */
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* 正常链接 未访问 */
+a:link {
+}
+
+/* 鼠标悬停 */
+a:hover {
+  text-decoration: underline;
+}
+
+/* 默认不显示下划线,保持页面简洁 */
+ins, a {
+  text-decoration: none;
 }
 .mobile-modal {
   position: fixed;
@@ -58,7 +129,7 @@ element {
       div {
         padding: .2rem 0;
         line-height: .4rem;
-        border-bottom: .01rem solid rgb(183,213,254);
+        border-bottom: .04rem solid rgb(183,213,254);
         text-align: center;
         &:last-child {
           border-bottom: none;

+ 1 - 1
pages/mobile/shop/index.vue

@@ -255,7 +255,7 @@
           display:inline-block;
           width:100%;
           height:100%;
-          border:.02rem solid #eee;
+          border:.04rem solid #eee;
           background-color: #fff;
         }
       }