初始上传

app/shop/view/public/css/template/brown/common.css

@@ -0,0 +1,44 @@
+@charset "UTF-8";
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+ Scss转换：https://www.sassmeister.com
+*/
+/* 文字基本颜色 */
+:root {
+  --base-color: #CFAF70;
+}
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px #f5efe3;
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: white;
+  color: #dcc496 !important;
+}
+.component-list ul li:not(.disabled):hover i {
+  color: #dcc496 !important;
+}
+.component-list ul li:not(.disabled):hover span:last-child {
+  color: #dcc496;
+}
+
+.border-color-light-9 {
+  border-color: #f5efe3 !important;
+}
+
+.bg-color-light-9 {
+  background: #f5efe3 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: rgba(207, 175, 112, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: rgba(207, 175, 112, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: rgba(207, 175, 112, 0.08);
+}

app/shop/view/public/css/template/brown/common.scss

@@ -0,0 +1,50 @@
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+ Scss转换：https://www.sassmeister.com
+*/
+
+/* 文字基本颜色 */
+$base-color: #CFAF70; //主色调
+:root {
+   --base-color: #CFAF70;
+}
+
+$alpha: 0.08;
+$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px lighten($base-color, 30%);
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: lighten($base-color, 40%);
+  color: lighten($base-color, 10%) !important;
+
+  i {
+    color: lighten($base-color, 10%) !important;
+  }
+
+  span:last-child {
+    color: lighten($base-color, 10%);
+  }
+}
+
+.border-color-light-9{
+  border-color:  lighten($base-color, 40%) !important;
+}
+
+.bg-color-light-9{
+  background: lighten($base-color, 30%) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: $base-color-alpha-8;
+}

app/shop/view/public/css/template/default/common.css

@@ -0,0 +1,44 @@
+@charset "UTF-8";
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+ Scss转换：https://www.sassmeister.com
+*/
+/* 文字基本颜色 */
+:root {
+  --base-color: #105CFB;
+}
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px #a6c3fe;
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: #d9e5fe;
+  color: #427efc !important;
+}
+.component-list ul li:not(.disabled):hover i {
+  color: #427efc !important;
+}
+.component-list ul li:not(.disabled):hover span:last-child {
+  color: #427efc;
+}
+
+.border-color-light-9 {
+  border-color: #d9e5fe !important;
+}
+
+.bg-color-light-9 {
+  background: #d9e5fe !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: rgba(16, 92, 251, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: rgba(16, 92, 251, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: rgba(16, 92, 251, 0.08);
+}

app/shop/view/public/css/template/default/common.scss

@@ -0,0 +1,50 @@
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+ Scss转换：https://www.sassmeister.com
+*/
+
+/* 文字基本颜色 */
+$base-color: #105CFB; //主色调
+:root {
+   --base-color: #105CFB;
+}
+
+$alpha: 0.08;
+$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px lighten($base-color, 30%);
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: lighten($base-color, 40%);
+  color: lighten($base-color, 10%) !important;
+
+  i {
+    color: lighten($base-color, 10%) !important;
+  }
+
+  span:last-child {
+    color: lighten($base-color, 10%);
+  }
+}
+
+.border-color-light-9{
+  border-color:  lighten($base-color, 40%) !important;
+}
+
+.bg-color-light-9{
+  background: lighten($base-color, 40%) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: $base-color-alpha-8;
+}

app/shop/view/public/css/template/green/common.css

@@ -0,0 +1,44 @@
+@charset "UTF-8";
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+ Scss转换：https://www.sassmeister.com
+*/
+/* 文字基本颜色 */
+:root {
+  --base-color: #19C650;
+}
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px #88f0a9;
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: #b5f6ca;
+  color: #2de568 !important;
+}
+.component-list ul li:not(.disabled):hover i {
+  color: #2de568 !important;
+}
+.component-list ul li:not(.disabled):hover span:last-child {
+  color: #2de568;
+}
+
+.border-color-light-9 {
+  border-color: #b5f6ca !important;
+}
+
+.bg-color-light-9 {
+  background: #b5f6ca !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: rgba(25, 198, 80, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: rgba(25, 198, 80, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: rgba(25, 198, 80, 0.08);
+}

app/shop/view/public/css/template/green/common.scss

@@ -0,0 +1,50 @@
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+ Scss转换：https://www.sassmeister.com
+*/
+
+/* 文字基本颜色 */
+$base-color: #19C650; //主色调
+:root {
+   --base-color: #19C650;
+}
+
+$alpha: 0.08;
+$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px lighten($base-color, 30%);
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: lighten($base-color, 40%);
+  color: lighten($base-color, 10%) !important;
+
+  i {
+    color: lighten($base-color, 10%) !important;
+  }
+
+  span:last-child {
+    color: lighten($base-color, 10%);
+  }
+}
+
+.border-color-light-9{
+  border-color:  lighten($base-color, 40%) !important;
+}
+
+.bg-color-light-9{
+  background: lighten($base-color, 40%) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: $base-color-alpha-8;
+}

app/shop/view/public/css/template/orange/common.css

@@ -0,0 +1,44 @@
+@charset "UTF-8";
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+ Scss转换：https://www.sassmeister.com
+*/
+/* 文字基本颜色 */
+:root {
+  --base-color: #FA6400;
+}
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px #ffbf94;
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: #ffddc7;
+  color: #ff822e !important;
+}
+.component-list ul li:not(.disabled):hover i {
+  color: #ff822e !important;
+}
+.component-list ul li:not(.disabled):hover span:last-child {
+  color: #ff822e;
+}
+
+.border-color-light-9 {
+  border-color: #ffddc7 !important;
+}
+
+.bg-color-light-9 {
+  background: #ffddc7 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: rgba(250, 100, 0, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: rgba(250, 100, 0, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: rgba(250, 100, 0, 0.08);
+}

app/shop/view/public/css/template/orange/common.scss

@@ -0,0 +1,50 @@
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+ Scss转换：https://www.sassmeister.com
+*/
+
+/* 文字基本颜色 */
+$base-color: #FA6400; //主色调
+:root {
+   --base-color: #FA6400;
+}
+
+$alpha: 0.08;
+$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px lighten($base-color, 30%);
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: lighten($base-color, 40%);
+  color: lighten($base-color, 10%) !important;
+
+  i {
+    color: lighten($base-color, 10%) !important;
+  }
+
+  span:last-child {
+    color: lighten($base-color, 10%);
+  }
+}
+
+.border-color-light-9{
+  border-color:  lighten($base-color, 40%) !important;
+}
+
+.bg-color-light-9{
+  background: lighten($base-color, 40%) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: $base-color-alpha-8;
+}

app/shop/view/public/css/template/pink/common.css

@@ -0,0 +1,44 @@
+@charset "UTF-8";
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+Scss转换：https://www.sassmeister.com
+*/
+/* 文字基本颜色 */
+:root {
+  --base-color: #ff08a7;
+}
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px #ffa1de;
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: #ffd4f0;
+  color: #ff3bb9 !important;
+}
+.component-list ul li:not(.disabled):hover i {
+  color: #ff3bb9 !important;
+}
+.component-list ul li:not(.disabled):hover span:last-child {
+  color: #ff3bb9;
+}
+
+.border-color-light-9 {
+  border-color: #ffd4f0 !important;
+}
+
+.bg-color-light-9 {
+  background: #ffd4f0 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: rgba(255, 8, 167, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: rgba(255, 8, 167, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: rgba(255, 8, 167, 0.08);
+}

app/shop/view/public/css/template/pink/common.scss

@@ -0,0 +1,50 @@
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+Scss转换：https://www.sassmeister.com
+*/
+
+/* 文字基本颜色 */
+$base-color: #ff08a7; //主色调
+:root {
+   --base-color: #ff08a7;
+}
+
+$alpha: 0.08;
+$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px lighten($base-color, 30%);
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: lighten($base-color, 40%);
+  color: lighten($base-color, 10%) !important;
+
+  i {
+    color: lighten($base-color, 10%) !important;
+  }
+
+  span:last-child {
+    color: lighten($base-color, 10%);
+  }
+}
+
+.border-color-light-9{
+  border-color:  lighten($base-color, 40%) !important;
+}
+
+.bg-color-light-9{
+  background: lighten($base-color, 40%) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: $base-color-alpha-8;
+}

app/shop/view/public/css/template/purple/common.css

@@ -0,0 +1,44 @@
+@charset "UTF-8";
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+Scss转换：https://www.sassmeister.com
+*/
+/* 文字基本颜色 */
+:root {
+  --base-color: #A253FF;
+}
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px #f5ecff;
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: white;
+  color: #be86ff !important;
+}
+.component-list ul li:not(.disabled):hover i {
+  color: #be86ff !important;
+}
+.component-list ul li:not(.disabled):hover span:last-child {
+  color: #be86ff;
+}
+
+.border-color-light-9 {
+  border-color: #f5ecff !important;
+}
+
+.bg-color-light-9 {
+  background: #f5ecff !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: rgba(162, 83, 255, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: rgba(162, 83, 255, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: rgba(162, 83, 255, 0.08);
+}

app/shop/view/public/css/template/purple/common.scss

@@ -0,0 +1,50 @@
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+Scss转换：https://www.sassmeister.com
+*/
+
+/* 文字基本颜色 */
+$base-color: #A253FF; //主色调
+:root {
+   --base-color: #A253FF;
+}
+
+$alpha: 0.08;
+$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px lighten($base-color, 30%);
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: lighten($base-color, 40%);
+  color: lighten($base-color, 10%) !important;
+
+  i {
+    color: lighten($base-color, 10%) !important;
+  }
+
+  span:last-child {
+    color: lighten($base-color, 10%);
+  }
+}
+
+.border-color-light-9{
+  border-color:  lighten($base-color, 40%) !important;
+}
+
+.bg-color-light-9{
+  background: lighten($base-color, 30%) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: $base-color-alpha-8;
+}

app/shop/view/public/css/template/red/common.css

@@ -0,0 +1,44 @@
+@charset "UTF-8";
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+ Scss转换：https://www.sassmeister.com
+*/
+/* 文字基本颜色 */
+:root {
+  --base-color: #F4391c;
+}
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px #fbb8ae;
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: #fde3df;
+  color: #f6634d !important;
+}
+.component-list ul li:not(.disabled):hover i {
+  color: #f6634d !important;
+}
+.component-list ul li:not(.disabled):hover span:last-child {
+  color: #f6634d;
+}
+
+.border-color-light-9 {
+  border-color: #fde3df !important;
+}
+
+.bg-color-light-9 {
+  background: #fde3df !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: rgba(244, 57, 28, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: rgba(244, 57, 28, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: rgba(244, 57, 28, 0.08);
+}

app/shop/view/public/css/template/red/common.scss

@@ -0,0 +1,50 @@
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+ Scss转换：https://www.sassmeister.com
+*/
+
+/* 文字基本颜色 */
+$base-color: #F4391c; //主色调
+:root {
+   --base-color: #F4391c;
+}
+
+$alpha: 0.08;
+$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px lighten($base-color, 30%);
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: lighten($base-color, 40%);
+  color: lighten($base-color, 10%) !important;
+
+  i {
+    color: lighten($base-color, 10%) !important;
+  }
+
+  span:last-child {
+    color: lighten($base-color, 10%);
+  }
+}
+
+.border-color-light-9{
+  border-color:  lighten($base-color, 40%) !important;
+}
+
+.bg-color-light-9{
+  background: lighten($base-color, 40%) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: $base-color-alpha-8;
+}