feat: 新增兼容性css前缀

src/jfw/modules/app/src/web/templates/weixin/search/mainSearch.html

@@ -45,7 +45,7 @@
     <link href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/iconfont/iconfont.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
     <link href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/vipsubscribe/css/weui.min.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
     <link href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/css/p13.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
-    <link href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/ent-search/ent-search-template.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
+    <link href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/ent-search/ent-search-template.prefixer.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
     <link href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/css/index.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
     <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/reset-css@4.0.1/reset.min.css />
     <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/index.css />

src/web/staticres/common-module/ent-search/ent-search-template.prefixer.css

@@ -0,0 +1,600 @@
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v7.0.29,
+* Autoprefixer: v9.7.6
+* Browsers: iOS >= 7,Android >= 4
+*/
+
+.v-ent-search-group {
+    display: block !important;
+    background-color: #f5f6f7;
+}
+
+.v-ent-search-group .ent-search-item {
+    margin-top: 8px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+    padding: 0.32rem;
+    background-color: #fff;
+}
+
+.v-ent-search-group .ent-search-list {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+}
+
+.ent-info-head {
+    -webkit-flex-shrink: 0;
+    flex-shrink: 0;
+    position: relative;
+    width: 1.68rem;
+    height: 1.68rem;
+    background: rgba(0, 0, 0, 0.05);
+    border: 0.5px solid rgba(0, 0, 0, 0.05);
+    box-sizing: border-box;
+    border-radius: 0.08rem;
+    font-weight: 500;
+    font-size: 0.48rem;
+    line-height: 0.56rem;
+    text-align: center;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    padding: 0 0.1rem 0 0.2rem;
+    letter-spacing: 0.1rem;
+    color: #fff;
+}
+
+.ent-info-bottom {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    margin-top: 0.24rem;
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+}
+
+.ent-info-bottom .ent-info-status {
+    background: transparent;
+    border-radius: 0.08rem;
+    font-family: PingFang SC;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 0.24rem;
+    line-height: 0.36rem;
+    color: #2ABED1;
+    border: 0.01rem solid #2ABED1;
+    padding: 0 0.08rem;
+    display: inline-block;
+}
+
+.ent-info-bottom .ent-info-status.status-1 {
+    color: #FB483D;
+    border-color: #FB483D;
+}
+
+.ent-info-bottom .ent-info-status.status-1 {
+    color: #FF9F40;
+    border-color: #FF9F40;
+}
+
+.ent-info-bottom .ent-info-status.status-1 {
+    color: #9B9CA3;
+    border-color: #9B9CA3;
+}
+
+.ent-info-top {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+}
+
+.ent-row {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+}
+
+.ent-search-list .j-icon {
+    -webkit-flex-shrink: 0;
+    flex-shrink: 0;
+    width: 0.4rem;
+    height: 0.4rem;
+}
+
+.ent-info-keep .ent-name {
+    font-family: PingFang SC;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 0.32rem;
+    line-height: 0.48rem;
+    color: #171826;
+    max-width: 4.3rem;
+}
+
+.ent-info-keep .fill-icon-box {
+    padding: 0.12rem;
+    padding-right: 0;
+}
+
+.ent-info-keep {
+    margin-left: 0.24rem;
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    flex: 1;
+}
+
+.ent-more span {
+    color: #2ABED1;
+    margin-top: 0.08rem;
+}
+
+.ent-more {
+    font-family: PingFang SC;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 0.26rem;
+    line-height: 0.36rem;
+    color: #5F5E64;
+    margin-top: 0.2rem;
+}
+
+.ent-line-box {
+    margin-top: 0.24rem;
+    width: 4.22rem;
+    height: 0.01rem;
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 0.08rem;
+}
+
+.ent-address > div {
+    font-family: PingFang SC;
+    font-style: normal;
+    font-weight: normal;
+    font-size: 0.22rem;
+    line-height: 0.32rem;
+    color: #5F5E64;
+    max-width: 4.22rem;
+    margin-right: 0.32rem;
+}
+
+.up-button {
+    margin: 0.48rem auto;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    width: 4.98rem;
+    height: 0.64rem;
+    border: 1px solid #2ABED1;
+    box-sizing: border-box;
+    border-radius: 0.08rem;
+    font-family: PingFang SC;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 0.26rem;
+    line-height: 0.48rem;
+    color: #2ABED1;
+}
+
+.ent-more-tip .j-icon {
+    margin-right: 0.08rem;
+}
+
+.ent-more-tip {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    font-family: PingFang SC;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 0.28rem;
+    line-height: 0.4rem;
+    color: #9B9CA3;
+}
+
+.v-ent-search-group .van-tabs__line {
+    opacity: 0 !important;
+}
+
+.v-ent-search-group .an-icon-box {
+    position: relative;
+    width: 0.32rem;
+    height: 0.32rem;
+}
+
+.v-ent-search-group .an-icon-box .j-icon {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 0.32rem !important;
+    height: 0.32rem !important;
+    -webkit-transition: all 0.2s;
+    transition: all 0.2s;
+    margin-left: 0.04rem;
+}
+
+.v-ent-search-group .an-icon-box .icon-triangle-up {
+    opacity: 0;
+}
+
+.v-ent-search-group .an-icon-box .icon-triangle-down {
+    opacity: 1;
+}
+
+.v-ent-search-group .ent-search-tab-item {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    font-family: PingFang SC;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 0.28rem;
+    line-height: 0.4rem;
+    color: #5F5E64;
+    padding: 0.24rem 0.38rem;
+}
+
+.v-ent-search-group .ent-search-tab-item .disabled-tag {
+    display: none;
+    width: 0.64rem;
+    height: 0.32rem;
+    border: 0.02rem solid #FB483D;
+    box-sizing: border-box;
+    border-radius: 0.16rem;
+    font-family: PingFang SC;
+    font-style: normal;
+    font-weight: 500;
+    text-align: center;
+    font-size: 0.2rem;
+    line-height: 0.32rem;
+    color: #FB483D;
+    margin: 0 0.04rem;
+}
+
+.v-ent-search-group .ent-search-tab-item.ent-p-disabled {
+    color: #C0C4CC !important;
+}
+
+.v-ent-search-group .ent-search-tab-item.ent-p-disabled .disabled-tag {
+    display: inline-block;
+}
+
+.v-ent-search-group .ent-search-tab-item.ent-p-select {
+    color: #2ABED1 !important;
+}
+
+.v-ent-search-group .ent-search-tab-item.ent-p-hide {
+    display: none;
+}
+
+.v-ent-search-group .van-tabs--line .van-tabs__wrap::after {
+    border-width: 0;
+    border-bottom-width: 1px;
+}
+
+.v-ent-search-group .van-tab--active .ent-search-tab-item {
+    color: #2ABED1;
+}
+
+.v-ent-search-group .van-tab--active .ent-search-tab-item .icon-triangle-up {
+    opacity: 1;
+}
+
+.v-ent-search-group .van-tab--active .ent-search-tab-item .icon-triangle-down {
+    opacity: 0;
+}
+
+.v-ent-search-group .van-tab--active .ent-search-tab-item.ent-p-close {
+    color: #5F5E64;
+}
+
+.v-ent-search-group .van-tab--active .ent-search-tab-item.ent-p-close .icon-triangle-up {
+    opacity: 0;
+}
+
+.v-ent-search-group .van-tab--active .ent-search-tab-item.ent-p-close .icon-triangle-down {
+    opacity: 1;
+}
+
+.v-ent-search-group .ent-search-list {
+    overflow-y: auto;
+    position: relative;
+}
+
+.v-ent-search-group .ent-search-list.stop {
+    overflow: hidden;
+}
+
+.v-ent-search-group .jy-diy-pop {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: unset;
+}
+
+.v-ent-search-group .jy-diy-pop > .van-overlay {
+    position: absolute;
+    z-index: 2020;
+}
+
+.v-ent-search-group .jy-diy-pop > .van-popup {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    background-color: #fff;
+    z-index: 2021;
+}
+
+.v-ent-search-group .jy-diy-pop .popup-content {
+    max-height: 40vh;
+    overflow-y: auto;
+}
+
+.v-ent-search-group .jy-diy-pop .popup-content .j-footer {
+    display: none;
+}
+
+.v-ent-search-group .jy-diy-pop .popup-content .van-popup .j-footer {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+}
+
+.v-ent-search-group .empty-tip-group {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    font-family: PingFang SC;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 0.28rem;
+    line-height: 0.4rem;
+    color: #5F5E64;
+}
+
+.v-ent-search-group .empty-tip-group .img-empty {
+    width: 3.2rem;
+    height: 3.2rem;
+    margin-bottom: 0.24rem;
+    margin-top: 1.76rem;
+}
+
+.v-ent-search-group .wait-buy-tip-group {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    font-family: PingFang SC;
+    font-style: normal;
+    font-weight: 500;
+    padding: 0.96rem 0;
+    border-bottom: 0.5px solid rgba(0, 0, 0, 0.05);
+}
+
+.v-ent-search-group .wait-buy-tip-group h3 {
+    font-size: 0.36rem;
+    line-height: 0.52rem;
+    color: #171826;
+    margin-bottom: 0.16rem;
+}
+
+.v-ent-search-group .wait-buy-tip-group p {
+    font-size: 0.3rem;
+    line-height: 0.44rem;
+    text-align: center;
+    color: #5F5E64;
+}
+
+.v-ent-search-group .condition-select-group {
+    padding-left: 0.32rem;
+}
+
+.v-ent-search-group .condition-select-group.more .condition-select-item .more-icon-box {
+    position: relative;
+    width: 0.48rem;
+    height: 0.48rem;
+}
+
+.v-ent-search-group .condition-select-group.more .condition-select-item .more-icon-box .j-icon {
+    top: 0;
+    left: 0;
+    position: absolute;
+}
+
+.v-ent-search-group .condition-select-group.more .condition-select-item .icon-tick-circle-fill {
+    opacity: 0;
+}
+
+.v-ent-search-group .condition-select-group.more .condition-select-item .icon-tick-circle {
+    opacity: 1;
+}
+
+.v-ent-search-group .condition-select-group.more .condition-select-item.checked .icon-tick-circle-fill {
+    opacity: 1;
+}
+
+.v-ent-search-group .condition-select-group.more .condition-select-item.checked .icon-tick-circle {
+    opacity: 0;
+}
+
+.v-ent-search-group .condition-select-group .condition-select-item {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+    padding: 0.24rem 0.32rem;
+    padding-left: 0;
+    border-bottom: 0.5px solid rgba(0, 0, 0, 0.05);
+    font-family: PingFang SC;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 0.28rem;
+    line-height: 0.4rem;
+    color: #5F5E64;
+}
+
+.v-ent-search-group .condition-select-group .condition-select-item .j-icon {
+    opacity: 0;
+    width: 0.48rem;
+    height: 0.48rem;
+    -webkit-transition: all 0.2s;
+    transition: all 0.2s;
+}
+
+.v-ent-search-group .condition-select-group .condition-select-item.checked {
+    color: #2ABED1;
+}
+
+.v-ent-search-group .condition-select-group .condition-select-item.checked .j-icon {
+    opacity: 1;
+}
+
+.v-ent-search-group .pop-bottom {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+    padding: 0.16rem 0.32rem;
+}
+
+.v-ent-search-group .pop-bottom > .van-button {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    flex: 1;
+    font-family: PingFang SC;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 0.32rem;
+    line-height: 0.48rem;
+    color: #5F5E64;
+    background: #EDEFF2;
+    border-radius: 4px;
+}
+
+.v-ent-search-group .pop-bottom > .van-button--primary {
+    color: #fff;
+    border-color: #2ABED1;
+    background-color: #2ABED1;
+}
+
+.v-ent-search-group .pop-bottom > .van-button + .van-button {
+    margin-left: 0.26rem;
+}
+
+.ent-stop-scroll {
+    overflow: hidden !important;
+}

src/web/staticres/common-module/keep-tags/keep-tags-template.js

@@ -1,4 +1,22 @@
 var tempStyleComponent = `<style>
+/*
+* Prefixed by https://autoprefixer.github.io
+* PostCSS: v7.0.29,
+* Autoprefixer: v9.7.6
+* Browsers: iOS >= 7,Android >= 4
+*/
+
+
+    /* 对号角标 */
+    .base-icon {
+        background-color: transparent;
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: contain;
+    }
+    .icon-corner-mark {
+        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKUSURBVHgB7ZdPaxNBGIffmYS2aqBRKkWxur2lLWJy0HtbBY/6AfzTa3vQb6AeBA9CBbF4FLx4M54EQVZPCj3EeDF4MQepFkXXUqXYdqbzbrtlu53p7sxOsnvoc8lMZpY8eZN3frsA++yTXyovGw6BnIOStJe6uRYdfdWokiJ1OUCZQk6puM1rgSTOc1nREbd5g3B4EH4vdxUddZu3opJIriqKksDhtmwtN6Jj7sdZzvlN1Xrmos7zRvlguTALnF/fa1+mor5kP3XFsBq3NzPR4CAXQyfJ/kxEdSWRrouaSCJdFQ1HImjStQM/Gom6dKWiskjUpeMVVUWiLh2t6F6RqEvHROMiURfrokkjMUqldACW1tZhYeW/dL0AFglF4kWd62acQbg/dhKuDg3AspBtLv3btcdaM+FBLiQbkCC3ISI5PTy4PZ842i/dZ0XUNG2ikkj92y/p3tSiNiUftReh/v23dH+qZjKNRJXk3JdF5TXGzYSRSCl5hpLH+3rg4elTcHdkCIj46vPeX7ApaSyKkUg5PBbDPpxfOTEAl44d8dfOlktKWVNJgactuhWJ96LvB6Iq2RSSItzIey1RVSQurKz6r+cOl0Amm0Zyy/RF4mZKEonTQmgmIjTvLfvSxpICts7GY0V1I1Emm0ZSNGv708SZ4SLESWIkcp44bebamxIyWV1JX5SzO/iq/I/iQd5ziL7DIWgSNFH4P2skKarZmqxO4biokjRJmzBYWbwTwtPg9Y8/8PTrT9DE44SNBxPSCUkbrDF2+fP5Wj2Y78h6jMRCr38H5EB2eIyzqbAksi2a9inRBuKzPzDCaq3J2pPomv/T23hKTAM2DXa3TDCA2HwA08ATekKOv+UM6q0LtTdxF2wAr7U5snLQCTUAAAAASUVORK5CYII=);
+    }
     .van-dialog.ent-search-dialog {
       border-radius: 0.16rem;
       font-family: PingFang SC;
@@ -62,10 +80,19 @@ var tempStyleComponent = `<style>
     }
     #v-keep-component .keep-component-title {
         padding-bottom: 0.12rem;
+        display: -webkit-box;
+        display: -webkit-flex;
         display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: space-between;
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: row;
+                flex-direction: row;
+        -webkit-box-align: center;
+        -webkit-align-items: center;
+                align-items: center;
+        -webkit-box-pack: justify;
+        -webkit-justify-content: space-between;
+                justify-content: space-between;
         font-family: PingFang SC;
         font-style: normal;
         font-weight: 500;
@@ -99,9 +126,15 @@ var tempStyleComponent = `<style>
         padding-top: 0.24rem;
     }
     #v-keep-component .keep-component-tag-group {
+        display: -webkit-box;
+        display: -webkit-flex;
         display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: row;
+                flex-direction: row;
+        -webkit-flex-wrap: wrap;
+                flex-wrap: wrap;
         max-height: 30vh;
         overflow-x: hidden;
         overflow-y: scroll;
@@ -114,6 +147,7 @@ var tempStyleComponent = `<style>
         bottom: 0;
         right: 0;
         opacity: 0;
+        -webkit-transition: all 0.2s;
         transition: all 0.2s;
     }
     #v-keep-component .keep-component-tag {
@@ -130,6 +164,7 @@ var tempStyleComponent = `<style>
         padding: 0.1rem 0.2rem;
         margin-bottom: 0.24rem;
         margin-right: 0.24rem;
+        -webkit-transition: color 0.2s;
         transition: color 0.2s;
     }
     #v-keep-component .keep-component-tag.checked i {
@@ -144,17 +179,27 @@ var tempStyleComponent = `<style>
         margin-left: 0.3rem;
         padding: 0.2rem;
         padding-right: 0;
-        flex-shrink: 0;
+        -webkit-flex-shrink: 0;
+                flex-shrink: 0;
         background: transparent;
         border-color: transparent;
         color: inherit;
     }
     #v-keep-component .keep-component-input-group {
         width: 100%;
+        display: -webkit-box;
+        display: -webkit-flex;
         display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: space-between;
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: row;
+                flex-direction: row;
+        -webkit-box-align: center;
+        -webkit-align-items: center;
+                align-items: center;
+        -webkit-box-pack: justify;
+        -webkit-justify-content: space-between;
+                justify-content: space-between;
         margin-bottom: 0.44rem;
         font-family: PingFang SC;
         font-style: normal;
@@ -167,8 +212,11 @@ var tempStyleComponent = `<style>
         border-color: #2ABED1;
     }
     #v-keep-component .keep-component-input-group  input {
+        -webkit-transition: width 0.2s;
         transition: width 0.2s;
-        flex: 1;
+        -webkit-box-flex: 1;
+        -webkit-flex: 1;
+                flex: 1;
         border: 1px solid rgba(0, 0, 0, 0.1);
         box-sizing: border-box;
         border-radius: 0.08rem;
@@ -185,7 +233,6 @@ var tempStyleComponent = `<style>
         opacity: 0.5;
         cursor: not-allowed;
     }
-
 </style>`
 
 Vue.component('keep-component', {

src/web/templates/weixin/search/mainSearch.html

@@ -74,7 +74,7 @@
 <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/index.css />
 <link rel="stylesheet" href=//cdn.jsdelivr.net/npm/vant@2.8.2/lib/icon/local.css />
 <link href='{{Msg "seo" "cdn"}}/common-module/ent-search/j-icon.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
-<link href='{{Msg "seo" "cdn"}}/common-module/ent-search/ent-search-template.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
+<link href='{{Msg "seo" "cdn"}}/common-module/ent-search/ent-search-template.prefixer.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>
 <link href='{{Msg "seo" "cdn"}}/common-module/collection/css/index.css?v={{Msg "seo" "version"}}' rel="stylesheet"/>