fix style

Author: xxxBW

package-lock.json

@@ -59,7 +59,7 @@
  "renderer": "skyline",
  "rendererOptions": {
  "skyline": {
- "defaultDisplayBlock": false
+ "defaultDisplayBlock": true
  }
  }
 }

src/app.json

@@ -1,3 +1,6 @@
-.weui-cell_wxss.weui-cell_wxss:before{
- display:block;
+.weui-cell_wxss.weui-cell_wxss::before{
+ display: flex;
+}
+.weui-cell::before {
+ display: flex !important;
 }

src/components/cell/cell.less

@@ -1,4 +1,6 @@
-Component({
+import checkboxGroup from "../checkbox-group/checkbox-group"
+
+export default Component({
  options: {
  multipleSlots: true
  },
@@ -44,6 +46,7 @@ Component({
  },
  '../checkbox-group/checkbox-group': {
  type: 'descendant',
+ target: checkboxGroup,
  linked(target) {
  this.setData({
  checkboxCount: this.data.checkboxCount + 1,

src/components/cells/cells.ts

@@ -1,4 +1,6 @@
-Component({
+import cells from "../cells/cells"
+
+export default Component({
  options: {
  multipleSlots: true
  },
@@ -53,6 +55,7 @@ Component({
  },
  '../cells/cells': {
  type: 'ancestor',
+ target: cells,
  linked(target) {
  if (!this.data.parentCell) {
  this.data.parentCell = target

src/components/checkbox-group/checkbox-group.ts

@@ -1,4 +1,5 @@
 {
  "component": true,
+ "styleIsolation": "apply-shared",
  "usingComponents": {}
 }

src/components/form/form.json

@@ -1,5 +1,6 @@
 /* weui 用了标签写法，skyline 下部分声明不生效，所以重新声明一次 */
-page {
+/* root-portal-content 匹配不到 page 的声明，所以再声明一次 */
+page, root-portal-content {
  --weui-BG-0:#ededed;
  --weui-BG-1:#f7f7f7;
  --weui-BG-2:#fff;
@@ -12,6 +13,7 @@ page {
  --weui-FG-2:rgba(0,0,0,.3);
  --weui-FG-3:rgba(0,0,0,.1);
  --weui-FG-4:rgba(0,0,0,.15);
+ --weui-FG-5: rgba(0,0,0,.05);
  --weui-RED:#fa5151;
  --weui-ORANGE:#fa9d3b;
  --weui-YELLOW:#ffc300;
@@ -47,6 +49,9 @@ root-portal-content { position: absolute; }
 .mrt16 {
  margin-top: 16px
 }
+.page-height {
+ height: calc(100vh - 44px - env(safe-area-inset-top));
+}
 
 /* weui-flex */
 .weui-flex {
@@ -66,6 +71,10 @@ root-portal-content { position: absolute; }
  /* 不支持 currentColor */
  background-color: var(--weui-FG-2);
 }
+.weui-cell::before {
+ /* border-top: 1px solid var(--weui-FG-3); */
+ border-top: 1px solid rgba(0,0,0,.1);
+}
 
 /* weui-navigation-bar */
 .weui-navigation-bar {
@@ -123,6 +132,9 @@ root-portal-content { position: absolute; }
 }
 
 /* weui-form */
+.weui-label {
+ display: flex;
+}
 .weui-cells__group_form .weui-cell {
  /* padding: var(--weui-cellPaddingLR); */
  padding: 16px;
@@ -179,6 +191,12 @@ root-portal-content { position: absolute; }
  display: flex !important;
  flex-direction: row; 
 }
+.weui-input {
+ height: 1.41176471rem;
+}
+.weui-cells__group_form .weui-label {
+ max-width: 5rem;
+}
 
 
 /* weui-uploader */
@@ -191,6 +209,12 @@ root-portal-content { position: absolute; }
 
 /* 基础组件 */
 
+/* weui-icon */
+.weui-icon {
+ /* 因为 inline-block 有问题 */
+ display: block !important;
+}
+
 /* weui-grid */
 .weui-grids {
  display: flex;
@@ -224,6 +248,9 @@ root-portal-content { position: absolute; }
  flex-wrap: wrap;
  justify-content: center;
 }
+.weui-footer_fixed-bottom {
+ position: absolute;
+}
 
 /* weui-gallery */
 .weui-gallery__img__wrp,
@@ -247,6 +274,9 @@ root-portal-content { position: absolute; }
  justify-content: center;
  align-items: center;
 }
+.weui-loadmore .weui-loading {
+ margin-right: .3rem;
+}
 .weui-loadmore__tips {
  display: flex;
  color: rgba(0, 0, 0, 0.9);
@@ -328,6 +358,12 @@ root-portal-content { position: absolute; }
  flex-direction: row;
 }
 
+/* weui-msg */
+.weui-msg {
+ /* 因为 100% 在skyline 有bug，用 100vh 来兼容 */
+ min-height: calc(100vh - 44px - env(safe-area-inset-top));
+}
+
 /* weui-half-screen */
 
 .weui-half-screen-dialog {
@@ -403,8 +439,10 @@ root-portal-content { position: absolute; }
 
 /* weui-toptips */
 .weui-toptips {
+ box-sizing: border-box;
  width: 96vw;
  align-items: center;
+ justify-content: center;
  position: absolute;
  left: 0px;
  margin: 0 2vw;
@@ -454,18 +492,22 @@ root-portal {
 /* weui-search-bar */
 .weui-search-bar {
  flex-direction: row;
- height: 100%;
+ /* height: 100%; */
 }
 .weui-search-bar__box {
  flex-direction: row;
  flex: 1 1 auto;
- height: 100%;
+ /* height: 100%; */
 }
 .weui-search-bar__form {
  flex: 1 1 auto;
- height: 100%;
+ /* height: 100%; */
 }
 .weui-search-bar__label {
  flex-direction: row;
  background: #fff;
+}
+.weui-search-bar__box .weui-search-bar__input {
+ height: 1.14rem;
+ line-height: 1.14rem;
 }

src/components/skyline-patch.wxss

@@ -1,5 +1,5 @@
 .weui-toptips {
- display: block;
+ display: flex;
 }
 .weui-toptips_success {
  background-color: var(--weui-BRAND);

src/components/toptips/toptips.less

@@ -2,7 +2,7 @@
  <view
  wx:if="{{wrapperShow}}"
  aria-role="alert"
- class="weui-toptips weui-toptips_warn {{className}} {{extClass}} {{innerShow ? 'weui-animate-fade-in' : 'weui-animate-fade-out'}}"
+ class="weui-toptips weui-toptips_warn {{className}} {{extClass}}"
  >
 
  <block wx:if="{{msg}}">{{msg}}</block>

src/components/toptips/toptips.wxml

@@ -84,7 +84,7 @@ Component({
  sizeType: this.data.sizeType,
  sourceType: this.data.sourceType,
  success: (res) => {
- // console.log('chooseImage resp', res)
+ console.log('chooseImage resp', res)
  // 首先检查文件大小
  let invalidIndex = -1
  // @ts-ignore
@@ -145,6 +145,7 @@ Component({
  this.data
  .upload(obj)
  .then((json) => {
+ console.log('------', json)
  this.loading = false
  if (json.urls) {
  const oldFiles = this.data.files
@@ -169,6 +170,7 @@ Component({
  }
  })
  .catch((err) => {
+ console.log('------catch', err)
  this.loading = false
  const oldFiles = this.data.files
  res.tempFilePaths.forEach((item, index) => {