diff --git a/pages.json b/pages.json index 3facdbf..10f70e4 100644 --- a/pages.json +++ b/pages.json @@ -1549,7 +1549,29 @@ "navigationBarTitleText": "发布商品", "enablePullDownRefresh": false } + }, + { + "path": "addGoodDetail/goodsType", + "style": { + "navigationBarTitleText": "商品分类", + "enablePullDownRefresh": false + } + }, + { + "path": "addGoodDetail/goodsAttr", + "style": { + "navigationBarTitleText": "商品属性", + "enablePullDownRefresh": false + } + }, + { + "path": "addGoodDetail/goodsPrice", + "style": { + "navigationBarTitleText": "价格与规格", + "enablePullDownRefresh": false + } } + ] }, { diff --git a/pages/product/addGood/addGood.vue b/pages/product/addGood/addGood.vue index 6cb989b..e095336 100644 --- a/pages/product/addGood/addGood.vue +++ b/pages/product/addGood/addGood.vue @@ -1,5 +1,6 @@ \ No newline at end of file diff --git a/pages/product/addGoodDetail/goodsAttr.vue b/pages/product/addGoodDetail/goodsAttr.vue new file mode 100644 index 0000000..5ad4eb6 --- /dev/null +++ b/pages/product/addGoodDetail/goodsAttr.vue @@ -0,0 +1,382 @@ + + + + + \ No newline at end of file diff --git a/pages/product/addGoodDetail/goodsPrice.vue b/pages/product/addGoodDetail/goodsPrice.vue new file mode 100644 index 0000000..359b13b --- /dev/null +++ b/pages/product/addGoodDetail/goodsPrice.vue @@ -0,0 +1,53 @@ + + + + + \ No newline at end of file diff --git a/pages/product/addGoodDetail/goodsType.vue b/pages/product/addGoodDetail/goodsType.vue new file mode 100644 index 0000000..e372cd4 --- /dev/null +++ b/pages/product/addGoodDetail/goodsType.vue @@ -0,0 +1,108 @@ + + + + + \ No newline at end of file diff --git a/static/css/base.css b/static/css/base.css index cc6bd59..e138b63 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -1,211 +1,425 @@ @charset "UTF-8"; -* {scrollbar-color: #e5e5e5 #f7f7f9;scrollbar-width: thin;} -html {margin: 0 auto;max-width: 1200px;} -body {overflow-x: hidden;} -.font-color,.font-color-red {color:#fc4141!important} -.bg-color{background-color:#e93323!important} -.icon-color{color: #ff3c2b} -.cart-color {color: #ff3700 !important;border:1px solid #ff3700 !important} -.padding20{padding: 20rpx} -.pad20 {padding: 0 20rpx} -.padding30{padding: 30rpx} -.pad30{padding: 0 30rpx} -.pull-left{float: left;} -.pull-right{float: right;} -.clearfix:after{content:'';display:block;height:0;clear:both} -.clearfix{zoom:1} -.acea-row {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-lines: multiple; - -moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} + +* { + scrollbar-color: #e5e5e5 #f7f7f9; + scrollbar-width: thin; +} + +html { + margin: 0 auto; + max-width: 1200px; +} + +body { + overflow-x: hidden; +} + +.font-color, +.font-color-red { + color: #fc4141 !important +} + +.bg-color { + background-color: #e93323 !important +} + +.icon-color { + color: #ff3c2b +} + +.cart-color { + color: #ff3700 !important; + border: 1px solid #ff3700 !important +} + +.padding20 { + padding: 20rpx +} + +.pad20 { + padding: 0 20rpx +} + +.padding30 { + padding: 30rpx +} + +.pad30 { + padding: 0 30rpx +} + +.pull-left { + float: left; +} + +.pull-right { + float: right; +} + +.clearfix:after { + content: ''; + display: block; + height: 0; + clear: both +} + +.clearfix { + zoom: 1 +} + +.acea-row { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap +} + .acea-row.row-middle { - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center } + .acea-row.row-top { - -webkit-box-align: start; - -moz-box-align: start; - -o-box-align: start; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start } + .acea-row.row-bottom { - -webkit-box-align: end; - -moz-box-align: end; - -o-box-align: end; - -ms-flex-align: end; - -webkit-align-items: flex-end; - align-items: flex-end + -webkit-box-align: end; + -moz-box-align: end; + -o-box-align: end; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end } + .acea-row.row-center { - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center } + .acea-row.row-right { - -webkit-box-pack: end; - -moz-box-pack: end; - -o-box-pack: end; - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; + -webkit-box-pack: end; + -moz-box-pack: end; + -o-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; } + .acea-row.row-left { - -webkit-box-pack: start; - -moz-box-pack: start; - -o-box-pack: start; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start } + .acea-row.row-between { - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between } + .acea-row.row-around { - justify-content: space-around; - -webkit-justify-content: space-around + justify-content: space-around; + -webkit-justify-content: space-around } + .acea-row.row-column-around { - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - justify-content: space-around; - -webkit-justify-content: space-around + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + justify-content: space-around; + -webkit-justify-content: space-around } + .acea-row.row-column { - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column } + .acea-row.row-column-between { - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - -o-box-orient: vertical; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between } + .acea-row.row-center-wrapper { - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -moz-box-pack: center; - -o-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center } + .acea-row.row-between-wrapper { - -webkit-box-align: center; - -moz-box-align: center; - -o-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: justify; - -moz-box-pack: justify; - -o-box-pack: justify; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between } + .start { - width: 122rpx; - height: 30rpx; - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAADMCAYAAAC8yreMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMDg0NEE2QTVFNUQxMUU4QUI3RkNGOTgwNDYyRUZDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODU5QzVENDMwRjcxMUU5OTQ0QzlEOTQ5RkE1MTlBRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODU5QzVEMzMwRjcxMUU5OTQ0QzlEOTQ5RkE1MTlBRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkN2ZhZTM5NC0wNmE4LTkzNGYtODA0OS0zNjBjNTcxOTU2YjAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYWI1M2NhMC04MWE1LTE5NGItYmJlYi1jMzI2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'); - background-repeat: no-repeat; - background-size: 122rpx auto; + width: 122rpx; + height: 30rpx; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAADMCAYAAAC8yreMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMDg0NEE2QTVFNUQxMUU4QUI3RkNGOTgwNDYyRUZDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODU5QzVENDMwRjcxMUU5OTQ0QzlEOTQ5RkE1MTlBRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODU5QzVEMzMwRjcxMUU5OTQ0QzlEOTQ5RkE1MTlBRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkN2ZhZTM5NC0wNmE4LTkzNGYtODA0OS0zNjBjNTcxOTU2YjAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYWI1M2NhMC04MWE1LTE5NGItYmJlYi1jMzI2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'); + background-repeat: no-repeat; + background-size: 122rpx auto; } -.start.star5{background-position:0 3rpx;} -.start.star4{background-position:0 -30rpx;} -.start.star3{background-position:0 -70rpx;} -.start.star2{background-position:0 -105rpx;} -.start.star1{background-position:0 -140rpx;} -.start.star0{background-position:0 -175rpx;} -*{box-sizing:border-box} -page{font-size: 28rpx;background-color:#f5f5f5;color: #333} -body,html{height:unset} -button{padding:0;margin:0;line-height:normal;background-color:#fff} -button::after {border:0} -radio .wx-radio-input {border-radius:50%;width:38rpx;height:38rpx} -radio .wx-radio-input.wx-radio-input-checked{border:1px solid #e93323;background-color:#e93323;} -radio .uni-radio-input{border-radius:50%;width:38rpx;height:38rpx} -radio .uni-radio-input.uni-radio-input-checked{border: 1px solid #e93323;background-color: #e93323;} -checkbox .wx-checkbox-input{width:38rpx;height:38rpx} -checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{color: #fff!important;} -checkbox .uni-checkbox-input{width: 38rpx;height: 38rpx} + +.start.star5 { + background-position: 0 3rpx; +} + +.start.star4 { + background-position: 0 -30rpx; +} + +.start.star3 { + background-position: 0 -70rpx; +} + +.start.star2 { + background-position: 0 -105rpx; +} + +.start.star1 { + background-position: 0 -140rpx; +} + +.start.star0 { + background-position: 0 -175rpx; +} + +* { + box-sizing: border-box +} + +page { + font-size: 28rpx; + background-color: #f5f5f5; + color: #333 +} + +body, +html { + height: unset +} + +button { + padding: 0; + margin: 0; + line-height: normal; + background-color: #fff +} + +button::after { + border: 0 +} + +radio .wx-radio-input { + border-radius: 50%; + width: 38rpx; + height: 38rpx +} + +radio .wx-radio-input.wx-radio-input-checked { + border: 1px solid #e93323; + background-color: #e93323; +} + +radio .uni-radio-input { + border-radius: 50%; + width: 38rpx; + height: 38rpx +} + +radio .uni-radio-input.uni-radio-input-checked { + border: 1px solid #e93323; + background-color: #e93323; +} + +checkbox .wx-checkbox-input { + width: 38rpx; + height: 38rpx +} + +checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { + color: #fff !important; +} + +checkbox .uni-checkbox-input { + width: 38rpx; + height: 38rpx +} + checkbox .uni-checkbox-input.uni-checkbox-input-checked, -checkbox .wx-checkbox-input.wx-checkbox-input-checked{border:1px solid #e93323!important;background-color:#e93323!important;color:#fff!important;} -checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{font-size: 35rpx} -.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} -.line2{word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;} -.mask{position:fixed;top: 0;left:0;right:0;bottom:0;background-color:#000;opacity:.5;z-index:30} +checkbox .wx-checkbox-input.wx-checkbox-input-checked { + border: 1px solid #e93323 !important; + background-color: #e93323 !important; + color: #fff !important; +} + +checkbox .uni-checkbox-input.uni-checkbox-input-checked::before { + font-size: 35rpx +} + +.line1 { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.line2 { + word-break: break-all; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + white-space: pre-wrap; +} + +.mask { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #000; + opacity: .5; + z-index: 30 +} + @keyframes load { - from { - transform: rotate(0) - } - to { - transform: rotate(360deg) - } + from { + transform: rotate(0) + } + + to { + transform: rotate(360deg) + } } + @-webkit-keyframes load { - from { - transform: rotate(0) - } - to { - transform: rotate(360deg) - } + from { + transform: rotate(0) + } + + to { + transform: rotate(360deg) + } } -.loadingpic{animation:load 3s linear 1s infinite;--webkit-animation:load 3s linear 1s infinite} -.loading-list{animation:load linear 1s infinite;-webkit-animation:load linear 1s infinite;font-size:40rpx;margin-right:22rpx} -.loading{width:100%;height:100rpx;line-height:100rpx;align-items:center;justify-content:center;position:relative;text-align:center} + +.loadingpic { + animation: load 3s linear 1s infinite; + --webkit-animation: load 3s linear 1s infinite +} + +.loading-list { + animation: load linear 1s infinite; + -webkit-animation: load linear 1s infinite; + font-size: 40rpx; + margin-right: 22rpx +} + +.loading { + width: 100%; + height: 100rpx; + line-height: 100rpx; + align-items: center; + justify-content: center; + position: relative; + text-align: center +} + .loading .line { - position: absolute; - width: 450rpx; - left: 150rpx; - top: 50rpx; - height: 1px; - border-top: 1px solid #eee + position: absolute; + width: 450rpx; + left: 150rpx; + top: 50rpx; + height: 1px; + border-top: 1px solid #eee } + .loading .text { - position: relative; - display: inline-block; - padding: 0 20rpx; - background: #fff; - z-index: 2; - color: #777 + position: relative; + display: inline-block; + padding: 0 20rpx; + background: #fff; + z-index: 2; + color: #777 } + .loadingicon .loading { - animation: load linear 1s infinite; - font-size: 45rpx; - color: #000 + animation: load linear 1s infinite; + font-size: 45rpx; + color: #000 } + .loadingicon { - width: 100%; - height: 80rpx; - overflow: hidden + width: 100%; + height: 80rpx; + overflow: hidden +} + +@font-face { + font-family: PingFangFamily; + src: url('/static/font/PingFangMedium.ttf'); +} + +@font-face { + font-family: PingFangRegular; + src: url('/static/font/PingFangRegular.ttf'); } \ No newline at end of file diff --git a/static/css/theme.scss b/static/css/theme.scss new file mode 100644 index 0000000..53f7893 --- /dev/null +++ b/static/css/theme.scss @@ -0,0 +1,44 @@ +// 此文件为uView的主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于 +// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大， +// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入 + +$u-main-color: #303133; +$u-content-color: #606266; +$u-tips-color: #909193; +$u-light-color: #c0c4cc; +$u-border-color: #dadbde; +$u-bg-color: #f3f4f6; +$u-disabled-color: #c8c9cc; + +$u-primary: #32BB3B; +$u-primary-dark: #398ade; +$u-primary-disabled: #9acafc; +$u-primary-light: #ecf5ff; + +$u-warning: #f9ae3d; +$u-warning-dark: #f1a532; +$u-warning-disabled: #f9d39b; +$u-warning-light: #fdf6ec; + +$u-success: #5ac725; +$u-success-dark: #53c21d; +$u-success-disabled: #a9e08f; +$u-success-light: #f5fff0; + +$u-error: #f56c6c; +$u-error-dark: #e45656; +$u-error-disabled: #f7b2b2; +$u-error-light: #fef0f0; + +$u-info: #909399; +$u-info-dark: #767a82; +$u-info-disabled: #c4c6c9; +$u-info-light: #f4f4f5; + +// scss混入，为了少写几行#ifndef +@mixin flex($direction: row) { + /* #ifndef APP-NVUE */ + display: flex; + /* #endif */ + flex-direction: $direction; +} diff --git a/static/font/PingFangMedium.ttf b/static/font/PingFangMedium.ttf new file mode 100644 index 0000000..e7a83ac Binary files /dev/null and b/static/font/PingFangMedium.ttf differ diff --git a/static/font/PingFangRegular.ttf b/static/font/PingFangRegular.ttf new file mode 100644 index 0000000..cb66bdd Binary files /dev/null and b/static/font/PingFangRegular.ttf differ diff --git a/uni.scss b/uni.scss index f66c6a0..7836378 100644 --- a/uni.scss +++ b/uni.scss @@ -11,7 +11,7 @@ * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ -@import '@/uni_modules/uview-ui/theme.scss'; +@import '@/static/css/theme.scss'; /* 颜色变量 */ $uni-theme-color: #f45846; $uni-newTheme-color: #38BE41; diff --git a/uni_modules/uview-ui/theme.scss b/uni_modules/uview-ui/theme.scss index 331b30f..53f7893 100644 --- a/uni_modules/uview-ui/theme.scss +++ b/uni_modules/uview-ui/theme.scss @@ -10,7 +10,7 @@ $u-border-color: #dadbde; $u-bg-color: #f3f4f6; $u-disabled-color: #c8c9cc; -$u-primary: #3c9cff; +$u-primary: #32BB3B; $u-primary-dark: #398ade; $u-primary-disabled: #9acafc; $u-primary-light: #ecf5ff;