更新项目配置和添加小程序模块
- 修改 ArticleController.java - 更新 application.yml 配置 - 更新 frontend/.env.production 环境配置 - 添加 single_uniapp22miao 小程序模块 - 添加 logs 目录
This commit is contained in:
panchengyong
251
single_uniapp22miao/static/style/app.scss
Executable file
251
single_uniapp22miao/static/style/app.scss
Executable file
@@ -0,0 +1,251 @@
|
||||
/*b-ui css */
|
||||
@import "@/uni_modules/b-ui/css/main.bundle.scss";
|
||||
/*uview-ui css */
|
||||
@import "uview-ui/index.scss";
|
||||
@import './mixin/space.scss'; // 补充uview间距类
|
||||
@import './mixin/u-rest.scss'; // 重置uview样式
|
||||
// @import './mixin/size.scss'; // 字体大小（需要修改默认字体时使用）
|
||||
|
||||
page {
|
||||
min-height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.page-bg {
|
||||
$homeBg: #FCFFF7;
|
||||
background: transparent;
|
||||
flex: 1;
|
||||
&.white-bg {
|
||||
background-color: #FFF;
|
||||
}
|
||||
/* #ifndef H5 */
|
||||
&::after {
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
z-index: -1;
|
||||
background-color: #F8F8F8;
|
||||
// background-image: #F8F8F8;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
&.home-bg {
|
||||
&::after { background-color: $homeBg; }
|
||||
}
|
||||
&.plant-notes-bg {
|
||||
&::after { background-image: linear-gradient(180deg, #DAFFD1 0%, #F8F8F8 50%, #F8F8F8 100%); }
|
||||
}
|
||||
&.garden-space-bg {
|
||||
&::after { background-image: linear-gradient(180deg, #E1FDF5 0.04%, #FFF 37.33%); }
|
||||
}
|
||||
&.white-bg {
|
||||
&::after { background-color: #FFF; }
|
||||
}
|
||||
/* #endif */
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: unset;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
&::after { display: none !important; }
|
||||
}
|
||||
|
||||
// 解决图片mode="widthFix"加载时被拉伸
|
||||
image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.min-h-2 {
|
||||
min-height: 2.4em;
|
||||
}
|
||||
// 价格¥前加
|
||||
%__priceBefore {
|
||||
font-size: $uni-font-size-sm;
|
||||
content: "¥";
|
||||
}
|
||||
// 价格
|
||||
.price {
|
||||
&::before {
|
||||
@extend %__priceBefore;
|
||||
}
|
||||
}
|
||||
// 划线价
|
||||
.line-price {
|
||||
text-decoration: line-through;
|
||||
&::before {
|
||||
@extend %__priceBefore;
|
||||
}
|
||||
}
|
||||
// 更多后加>
|
||||
%__moreAfter {
|
||||
font-size: inherit;
|
||||
content: ">";
|
||||
}
|
||||
.more {
|
||||
&::after {
|
||||
@extend %__moreAfter;
|
||||
}
|
||||
}
|
||||
|
||||
.pointer-none {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
// 底部带圆角背景
|
||||
.bottom-round {
|
||||
border-radius: 50% / 30px;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.icon-check-circle-fill {
|
||||
font-size: 40rpx;
|
||||
color: $uni-theme;
|
||||
}
|
||||
.inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
// 勾选框
|
||||
.check-box {
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
border: 1rpx solid #EAEAEA;
|
||||
border-radius: 50%;
|
||||
box-sizing: border-box;
|
||||
// margin-right: 6rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.active-check {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
}
|
||||
.r-line {
|
||||
&::after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 1rpx;
|
||||
height: 1em;
|
||||
background: #FFFFFF;
|
||||
margin: 0 20rpx;
|
||||
transform: translateY(.1em);
|
||||
}
|
||||
}
|
||||
.theme-btn {
|
||||
background: $uni-theme;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.head-bg-h {
|
||||
height: calc(var(--status-bar-height) + 300rpx);
|
||||
}
|
||||
// 首页头部背景（圆弧）
|
||||
.v-linear-bg {
|
||||
background: linear-gradient(180deg, #1A6CFE 0%, #47ABFE 100%);
|
||||
// border-radius: 50% / 30px;
|
||||
border-radius: 80% / 15px;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
// 卡片盒子
|
||||
.card-box {
|
||||
box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0,0,0,0.06);
|
||||
border-radius: 16rpx;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.over-hide {
|
||||
overflow: hidden;
|
||||
}
|
||||
.over-x-auto {
|
||||
overflow-x: auto;
|
||||
}
|
||||
/* 不显示滚动条 */
|
||||
.over-x-auto::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
scroll-view ::-webkit-scrollbar {
|
||||
display:none;
|
||||
width:0;
|
||||
height:0;
|
||||
color:transparent;
|
||||
}
|
||||
.block { display: block; }
|
||||
.m-auto { margin: 0 auto; }
|
||||
.mt-auto { margin-top: auto; }
|
||||
.w-full { width: 100%; }
|
||||
.h-full { height: 100%; }
|
||||
.w-60 { width: 60%; }
|
||||
.w-40 { width: 40%; }
|
||||
.w-50 { width: 50%; }
|
||||
.w-30 { width: 30%; }
|
||||
.line-default { line-height: 1.6; }
|
||||
.b-text-theme { color: $uni-theme; }
|
||||
.b-text-theme-d { color: $uni-theme-d; }
|
||||
.b-line { border-bottom: 1rpx solid #F8F8F8; }
|
||||
.b-line-d { border-bottom: 1rpx solid #EEEEEE; }
|
||||
.t-line { border-top: 1rpx solid #F8F8F8; }
|
||||
.l-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// padding: 20rpx 0 0;
|
||||
&::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 6rpx;
|
||||
height: 1.2em;
|
||||
background: $uni-theme;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
}
|
||||
.tb-line {
|
||||
position: relative;
|
||||
&::after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 90rpx;
|
||||
height: 5rpx;
|
||||
background: linear-gradient(90deg, #47A7F8 0%, #E1F0FE 100%);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: -6rpx;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
.b-after-line {
|
||||
position: relative;
|
||||
&::after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin: 0 auto -6rpx;
|
||||
height: 6rpx;
|
||||
background: $uni-theme;
|
||||
border-radius: 12rpx;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: -10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.absolute-cover {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
19
single_uniapp22miao/static/style/mixin/size.scss
Executable file
19
single_uniapp22miao/static/style/mixin/size.scss
Executable file
@@ -0,0 +1,19 @@
|
||||
// 页面字体，按钮等字体大小
|
||||
page {
|
||||
font-size: $font-size-32;
|
||||
.b-btn.b-btn-md {
|
||||
font-size: $font-size-30;
|
||||
}
|
||||
.b-btn.b-btn-sm {
|
||||
font-size: $font-size-30;
|
||||
}
|
||||
.u-form .u-form-item {
|
||||
font-size: $font-size-32;
|
||||
}
|
||||
.u-form .u-input__textarea {
|
||||
font-size: $font-size-30;
|
||||
}
|
||||
.u-form .u-input__input {
|
||||
font-size: $font-size-30;
|
||||
}
|
||||
}
|
||||
80
single_uniapp22miao/static/style/mixin/space.scss
Executable file
80
single_uniapp22miao/static/style/mixin/space.scss
Executable file
@@ -0,0 +1,80 @@
|
||||
// 定义内外边距 1-80(可以等于80)之间的偶数(双数)（补充uview边距类）
|
||||
// 能被5除尽的1-80之间的数，如5，10，15，35等
|
||||
// u-padding-x == u-p-x
|
||||
// u-padding-left-x == u-p-l-x ...
|
||||
// u-margin-x == u-m-x
|
||||
// u-margin-left-x == u-m-l-x ...
|
||||
@for $i from 0 through 80 {
|
||||
// 只要双数和能被5除尽的数
|
||||
@if $i % 2 == 0 or $i % 5 == 0 {
|
||||
// 缩写版，结果如： u-m-l-30
|
||||
// 定义外边距
|
||||
.u-m-tb-#{$i} {
|
||||
margin-top: $i + rpx!important;
|
||||
margin-bottom: $i + rpx!important;
|
||||
}
|
||||
.u-m-lr-#{$i} {
|
||||
margin-left: $i + rpx!important;
|
||||
margin-right: $i + rpx!important;
|
||||
}
|
||||
// 定义内边距
|
||||
.u-p-tb-#{$i} {
|
||||
padding-top: $i + rpx!important;
|
||||
padding-bottom: $i + rpx!important;
|
||||
}
|
||||
// 定义内边距
|
||||
.u-p-lr-#{$i} {
|
||||
padding-left: $i + rpx!important;
|
||||
padding-right: $i + rpx!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
// /* 间距大小 10rpx ~ 50rpx */
|
||||
// @for $i from 1 to 6{
|
||||
// .m-#{$i*10} {
|
||||
// margin: $i * 10rpx;
|
||||
// }
|
||||
// .mt-#{$i*10} {
|
||||
// margin-top: $i * 10rpx;
|
||||
// }
|
||||
// .ml-#{$i*10} {
|
||||
// margin-left: $i * 10rpx;
|
||||
// }
|
||||
// .mr-#{$i*10} {
|
||||
// margin-right: $i * 10rpx;
|
||||
// }
|
||||
// .mb-#{$i*10} {
|
||||
// margin-bottom: $i * 10rpx;
|
||||
// }
|
||||
// .mlr-#{$i*10} {
|
||||
// margin-left: $i * 10rpx;
|
||||
// margin-right: $i * 10rpx;
|
||||
// }
|
||||
// .mtb-#{$i*10} {
|
||||
// margin-top: $i * 10rpx;
|
||||
// margin-bottom: $i * 10rpx;
|
||||
// }
|
||||
// .pt-#{$i*10} {
|
||||
// padding-top: $i * 10rpx;
|
||||
// }
|
||||
// .pl-#{$i*10} {
|
||||
// padding-left: $i * 10rpx;
|
||||
// }
|
||||
// .pr-#{$i*10} {
|
||||
// padding-right: $i * 10rpx;
|
||||
// }
|
||||
// .pb-#{$i*10} {
|
||||
// padding-bottom: $i * 10rpx;
|
||||
// }
|
||||
// .plr-#{$i*10} {
|
||||
// padding-left: $i * 10rpx;
|
||||
// padding-right: $i * 10rpx;
|
||||
// }
|
||||
// .ptb-#{$i*10} {
|
||||
// padding-top: $i * 10rpx;
|
||||
// padding-bottom: $i * 10rpx;
|
||||
// }
|
||||
// .p-#{$i*10} {
|
||||
// padding: $i * 10rpx;
|
||||
// }
|
||||
// }
|
||||
113
single_uniapp22miao/static/style/mixin/u-rest.scss
Executable file
113
single_uniapp22miao/static/style/mixin/u-rest.scss
Executable file
@@ -0,0 +1,113 @@
|
||||
// :fixed="false"下自动填充高度
|
||||
.z-auto-height {
|
||||
.zp-paging-container-content {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.z-paging-content {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.u-numberbox {
|
||||
border: 1rpx solid #EEEEEE;
|
||||
border-radius: 4rpx;
|
||||
.u-number-input {
|
||||
margin: 0 !important;
|
||||
background: #FFFFFF !important;
|
||||
}
|
||||
}
|
||||
|
||||
.uni-input-input:disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.u-search .u-input {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.u-collapse-head {
|
||||
font-size: 28rpx !important;
|
||||
}
|
||||
|
||||
.u-rate {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.b-btn {
|
||||
// height: 64rpx;
|
||||
// font-size: 24rpx;
|
||||
}
|
||||
.b-btn.b-btn-md {
|
||||
height: 64rpx;
|
||||
}
|
||||
.b-btn.b-btn-sm {
|
||||
height: 44rpx;
|
||||
font-size: 22rpx;
|
||||
padding: 0;
|
||||
}
|
||||
.b-btn.b-btn-md {
|
||||
min-width: 190rpx;
|
||||
height: 70rpx;
|
||||
}
|
||||
.b-btn.b-btn-sm-d {
|
||||
height: 44rpx;
|
||||
font-size: 22rpx;
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
|
||||
.b-popup-content .icon-close {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.u-form {
|
||||
.u-form-item {
|
||||
padding: 10rpx 0 !important;
|
||||
.b-flex-shrink {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
.u-form-item--left {
|
||||
width: auto !important;
|
||||
flex: unset !important;
|
||||
}
|
||||
// .u-form-item--left,
|
||||
.u-form-item--left__content__label{
|
||||
min-width: 4em;
|
||||
flex-shrink: 0;
|
||||
margin-right: 10rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
.form-right .u-form-item--right__content__slot {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
&.u-required-r {
|
||||
// 必填 *的样式
|
||||
.u-form-item--left__content--required {
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: -4rpx;
|
||||
}
|
||||
.u-form-item--left__content {
|
||||
flex: unset;
|
||||
}
|
||||
.u-form-item--left__content__label {
|
||||
min-width: auto;
|
||||
}
|
||||
}
|
||||
.flex-column .u-form-item__body {
|
||||
flex-direction: column !important;
|
||||
}
|
||||
.flex-column .u-form-item--right__content__slot {
|
||||
flex-direction: column !important;
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
.form-textarea .u-form-item__body {
|
||||
align-items: flex-start;
|
||||
textarea {
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user