-
+
+
- 添加栏目
-
-
- 获取最新门户
+ 添加订单
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
import('@/components/layouts'),
+ // redirect: 'index',
+ children: [
+ {
+ path: '/addOrder',
+ name: 'addOrder',
+ component: () => import('@/views/pages/newOrder/index'),
+ hidden: true,
+ meta: { title: '新增订单' },
+ },
+ ],
+ },
]
const router = new VueRouter({
diff --git a/frontend/front/src/styles/custom.css b/frontend/front/src/styles/custom.css
new file mode 100644
index 0000000..7cb6d7c
--- /dev/null
+++ b/frontend/front/src/styles/custom.css
@@ -0,0 +1,17 @@
+.overflow-one-lines {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.overflow-two-lines {
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.amis-container .is-required:before{
+ display: none;
+}
\ No newline at end of file
diff --git a/frontend/front/src/styles/flex.scss b/frontend/front/src/styles/flex.scss
new file mode 100644
index 0000000..fbf5243
--- /dev/null
+++ b/frontend/front/src/styles/flex.scss
@@ -0,0 +1,130 @@
+// 快捷margin和padding
+
+// 方向列表
+$directions: top, right, bottom, left;
+
+// 数值范围（从1到100）
+@for $i from 0 through 100 {
+ @each $direction in $directions {
+
+ // 生成 margin 类
+ .margin-#{$direction}-#{$i} {
+ margin-#{$direction}: #{$i}px;
+ }
+
+ // 生成 padding 类
+ .padding-#{$direction}-#{$i} {
+ padding-#{$direction}: #{$i}px;
+ }
+ }
+
+ // 生成所有方向的 margin 类
+ .margin-#{$i} {
+ margin: #{$i}px;
+ }
+
+ // 生成所有方向的 padding 类
+ .padding-#{$i} {
+ padding: #{$i}px;
+ }
+}
+
+
+// 使用Sass的循环生成动态的CSS类
+@for $i from 1 through 100 {
+ .w#{$i} {
+ width: $i * 1%; // 使用 $i 乘以 1% 来设置宽度
+ }
+}
+
+@for $i from 1 through 100 {
+ .h#{$i} {
+ height: $i * 1%; // 使用 $i 乘以 1% 来设置高度
+ }
+}
+
+
+@for $i from 1 through 100 {
+ .fs#{$i} {
+ font-size: #{$i}px;
+ }
+}
+
+
+
+// 主轴方向 属性值
+$directionList: row, row-reverse, column, column-reverse;
+// 主轴对齐方式 属性值
+$justifyContentList: flex-start, flex-end, center, space-between, space-around;
+// 交叉轴对齐方式 属性值
+$alignItemsList: flex-start, flex-end, center, baseline, stretch;
+
+// 三层遍历，组合所有属性值
+@each $direction in $directionList {
+
+ // 简化一些属性值
+ $dir: $direction;
+
+ @if $direction =='row' {
+ $dir: 'x';
+ }
+
+ @if $direction =='column' {
+ $dir: 'y';
+ }
+
+ @each $justifyContent in $justifyContentList {
+
+ // 简化一些属性值
+ $JC: $justifyContent;
+
+ @if $justifyContent =='flex-start' {
+ $JC: 'start';
+ }
+
+ @if $justifyContent =='flex-end' {
+ $JC: 'end';
+ }
+
+ @if $justifyContent =='space-between' {
+ $JC: 'between';
+ }
+
+ @if $justifyContent =='space-around' {
+ $JC: 'around';
+ }
+
+ @each $alignItems in $alignItemsList {
+
+ // 简化一些属性值
+ $AI: $alignItems;
+
+ @if $alignItems =='flex-start' {
+ $AI: 'start';
+ }
+
+ @if $alignItems =='flex-end' {
+ $AI: 'end';
+ }
+
+ // 根据变量，组合为css代码
+ @if $AI =='center' {
+ .flex-#{$dir}-#{$JC} {
+ display: flex;
+ flex-direction: $direction;
+ justify-content: $justifyContent;
+ align-items: center;
+ }
+ }
+
+ @else {
+ .flex-#{$dir}-#{$JC}-#{$AI} {
+ display: flex;
+ flex-direction: $direction;
+ justify-content: $justifyContent;
+ align-items: $alignItems;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
--
libgit2 0.21.2