公共样式迁移至ui

src/App.vue

@@ -18,7 +18,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "common/common.scss";
+@import "~dvcp-wui/common";
 /* #ifdef MP-BAIDU */
 page {
   width: 100%;

src/common/common.css

@@ -1,270 +0,0 @@
-@font-face {
-    font-family: 'iconfont';
-    /* project id 1862352 */
-    src: url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.eot');
-    src: url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.eot?#iefix') format('embedded-opentype'),
-        url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.woff2') format('woff2'),
-        url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.woff') format('woff'),
-        url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.ttf') format('truetype'),
-        url('https://at.alicdn.com/t/font_1862352_i00id3q02qr.svg#iconfont') format('svg');
-}
-
-.iconfont {
-    font-family: "iconfont" !important;
-    font-size: 32px;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-ul,
-li,
-span,
-div,
-p {
-    padding: 0;
-    margin: 0;
-}
-
-ul,
-li {
-    padding: 0;
-    margin: 0;
-    list-style: none
-}
-
-page {
-    width: 100%;
-    min-height: 100%;
-    background-color: #f3f6f9;
-}
-
-::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-    color: transparent;
-}
-
-.page {
-    width: 100%;
-    height: 100%;
-    background-color: #f3f6f9;
-}
-
-.span-hover {
-    background: transparent;
-    opacity: 0.5;
-}
-
-.bg-hover {
-    background: #eee !important;
-}
-
-.flex {
-    display: flex;
-}
-
-.flex-align {
-    display: flex;
-    align-items: center;
-}
-
-.flex-between {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.flex1 {
-    flex: 1;
-}
-
-.solid {
-    border-bottom: 2px solid #E8E8E8;
-}
-
-.flex-row {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-}
-
-.flex-column {
-    display: flex;
-    flex-direction: column;
-}
-
-uni-button[disabled] {
-    background-color: #F7F7F7 !important;
-    color: #999 !important;
-    border: 0;
-}
-
-uni-button:after {
-    border: none !important;
-}
-
-.break-word {
-    word-break: break-all;
-}
-
-.masking-layer {
-    position: absolute;
-    left: 0;
-    top: 0;
-    height: 100%;
-    width: 100%;
-    background-color: rgb(0, 0, 0);
-    opacity: 0.6;
-}
-
-/* 入口页列表 */
-.list {
-    justify-content: space-between;
-    align-items: center;
-    height: 112px;
-    background-color: #fff;
-    padding-left: 32px;
-    padding-right: 32px;
-    box-sizing: border-box;
-}
-
-.list-cell {
-    width: 48px;
-    height: 48px;
-}
-
-.image {
-    width: 48px;
-    height: 48px;
-}
-
-.title-sub {
-    height: 112px;
-    margin-left: 16px;
-    width: 654px;
-    justify-content: space-between;
-    align-items: center;
-    background: rgba(255, 255, 255, 1);
-    font-size: 32px;
-    color: #333333;
-}
-
-.more {
-    width: 32px;
-    height: 32px;
-}
-
-.title-line {
-    border-bottom: 2px solid #DDDDDD;
-}
-
-.last {
-    margin-top: 16px;
-}
-
-.no-content-pds {
-    margin-top: 360px;
-    width: 100%;
-    text-align: center;
-}
-
-.no-content-pds div {
-    height: 40px;
-    font-size: 28px;
-    line-height: 40px;
-    font-family: PingFangSC-Regular, PingFangSC;
-}
-
-.no-content-pds .span {
-    color: rgba(51, 51, 51, 1);
-}
-
-.no-content-pds .span-p {
-    color: rgba(153, 153, 153, 1);
-    margin-top: 16px;
-}
-
-/* margin */
-.mar-t8 {
-    margin-top: 16px;
-}
-
-.mar-r20 {
-    margin-right: 40px;
-}
-
-.mar-l10 {
-    margin-left: 20px;
-}
-
-/* color */
-.color-333 {
-    color: #333;
-}
-
-.color-999 {
-    color: #999;
-}
-
-.color-red {
-    color: #FF4466;
-}
-
-.color-666 {
-    color: #666;
-}
-
-/*  */
-.font-12 {
-    font-size: 24px;
-}
-
-/*  */
-.report {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    height: 112px;
-    background-color: #135AB8;
-    color: #fff;
-    text-align: center;
-    line-height: 112px;
-    font-size: 32px;
-}
-
-.span-right {
-    text-align: right;
-}
-
-input::-webkit-input-placeholder {
-    color: #999;
-}
-
-.textarea-placeholder {
-    color: #999;
-}
-
-/* 多级下拉选择css */
-.type-picke-more {
-    position: fixed;
-    width: 100%;
-    height: 330px;
-    bottom: 0;
-    left: 0;
-    background-color: #fff;
-    z-index: 99;
-}
-
-.type-picke-more picker-div-column {
-    text-align: center;
-    line-height: 110px;
-}
-
-.fixed-top {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 99;
-    width: 100%
-}

src/mods/AppActivityList/AppActivityList.vue

@@ -206,7 +206,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppActivityList/add.vue

@@ -112,7 +112,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppActivityList/addContent.vue

@@ -85,7 +85,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppActivityList/detail.vue

@@ -125,7 +125,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import '../../common/common.scss';
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppActivityList/logDetail.vue

@@ -60,7 +60,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import '../../common/common.scss';
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppActivityList/userList.vue

@@ -66,7 +66,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppAuth/AppAuth.vue

@@ -80,7 +80,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .top {
   height: 480px;

src/mods/AppAuth/authSuccess.vue

@@ -86,7 +86,7 @@ export default {
 }
 </script>
 <style lang="scss">
-@import "../../common/common";
+@import "~dvcp-wui/common";
 
 .success {
   height: 100vh;

src/mods/AppCreditPoints/AppCreditPoints.vue

@@ -140,7 +140,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppCreditPoints/supermarket.vue

@@ -218,7 +218,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .item-bottom {
   display: flex;

src/mods/AppCreditPoints/system.vue

@@ -31,7 +31,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppPlease/AppPlease.vue

@@ -147,7 +147,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppPlease/add.vue

@@ -143,7 +143,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppPlease/detail.vue

@@ -126,7 +126,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppPlease/questionList.vue

@@ -151,7 +151,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppPlease/reply.vue

@@ -75,7 +75,7 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/AppVillageInfo/AppVillageInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="page">
+  <div class="AppVillageInfo">
     <div class="village-info">
       <div class="header-content">
         <img src="https://cdn.cunwuyun.cn/dvcp/villgroup/group.png" alt="" class="group-img">
@@ -76,10 +76,8 @@ export default {
 }
 </script>
 <style scoped lang="scss">
-@import "../../common/common.scss";
+.AppVillageInfo {
-
+  width: 100vw;
-.page {
-  width: 100%;
   height: auto;
   padding-top: 30px;
   background-color: #f3f6f9;

src/mods/party/AppOnlineAnswer/AppOnlineAnswer.vue

@@ -214,7 +214,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .AppOnlineAnswer {
   width: 100%;

src/mods/party/AppPartyHistory/AppPartyHistory.vue

@@ -221,7 +221,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .AppPartyHistory {
   .search-box {

src/mods/party/AppPartyHistory/detail.vue

@@ -132,7 +132,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   .navHeadBar {

src/mods/party/AppPartyHistoryEducation/AppPartyHistoryEducation.vue

@@ -141,7 +141,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .AppPartyHistoryEducation {
   width: 100%;

src/mods/party/AppPartyHistoryEducation/classroomList.vue

@@ -58,7 +58,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .home {
   width: 100%;

src/mods/party/AppPartyHistoryEducation/detail.vue

@@ -52,7 +52,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .home {
   width: 100%;

src/mods/party/AppPartyHistoryEducation/knowledgeList.vue

@@ -193,7 +193,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   .search-box {

src/mods/party/AppPartyHistoryEducation/list.vue

@@ -203,7 +203,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   .search-box {

src/mods/party/AppPartyHistoryEducation/select.vue

@@ -36,7 +36,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .home {
   width: 100%;

src/mods/party/AppPartyHistoryEducation/todayDetail.vue

@@ -55,7 +55,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .home {
   width: 100%;

src/mods/party/AppPartyHistoryEducation/todayList.vue

@@ -94,7 +94,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .home {
   width: 100%;

src/mods/party/AppPartyHistoryEducation/videoDetail.vue

@@ -85,7 +85,7 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .home {
   width: 100%;

src/mods/party/AppPartyStudy/AppPartyStudy.vue

@@ -240,7 +240,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   .search-box {

src/mods/party/AppPartyStudy/partyStudyContent.vue

@@ -77,7 +77,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/party/AppPartyStudy/partyStudyDetail.vue

@@ -76,7 +76,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   background-color: #fff;

src/mods/party/AppThreeSessions/qrcode.vue

@@ -125,7 +125,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   background-color: #FFFFFF;

src/mods/party/AppThreeSessions/threeSessionsContent.vue

@@ -269,7 +269,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/party/AppThreeSessions/threeSessionsDetail.vue

@@ -274,7 +274,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   width: 100%;

src/mods/party/AppThreeSessions/threeSessionsUser.vue

@@ -120,7 +120,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   background-color: #f4f6f8;

src/mods/party/AppThreeSessions/vote.vue

@@ -53,7 +53,7 @@ export default {
 };
 </script>
 <style lang="scss" scope>
-@import "../../../common/common.css";
+@import "~dvcp-wui/common";
 
 .page {
   background-color: #F3F6F9;