From ad0d8a255a82daeb75fa47b962bb7dbc4d456533 Mon Sep 17 00:00:00 2001 From: zq <136432190602163.com> Date: Tue, 11 Mar 2025 18:35:01 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=B3=A8=E5=86=8C=E9=A1=B5?= =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E5=85=83=E7=B4=A0=E5=86=B2=E7=AA=81=E9=97=AE?= =?UTF-8?q?=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/register/tableEdit.svg | 1 + src/assets/register/weixin.svg | 1 + src/assets/register/zhifubao.svg | 1 + src/components/GuipSelect.vue | 19 +- src/style/theme/common.scss | 81 +++++- src/views/Register.vue | 574 ++++++++++++++++++++++++++++++++++++-- src/views/elementGroups.vue | 3 +- 7 files changed, 652 insertions(+), 28 deletions(-) create mode 100644 src/assets/register/tableEdit.svg create mode 100644 src/assets/register/weixin.svg create mode 100644 src/assets/register/zhifubao.svg diff --git a/src/assets/register/tableEdit.svg b/src/assets/register/tableEdit.svg new file mode 100644 index 0000000..fa5d601 --- /dev/null +++ b/src/assets/register/tableEdit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/register/weixin.svg b/src/assets/register/weixin.svg new file mode 100644 index 0000000..fa92db0 --- /dev/null +++ b/src/assets/register/weixin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/register/zhifubao.svg b/src/assets/register/zhifubao.svg new file mode 100644 index 0000000..6ac7aa7 --- /dev/null +++ b/src/assets/register/zhifubao.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/GuipSelect.vue b/src/components/GuipSelect.vue index 2b6527c..7bc1d0d 100644 --- a/src/components/GuipSelect.vue +++ b/src/components/GuipSelect.vue @@ -8,7 +8,8 @@ + :placeholder="placeholder1" + v-model="value"> { + let els = document.querySelectorAll('.el-select .el-input'); + els.forEach(item=>{ + item.onmouseover= function(){ + item.classList.add("hoverclass") + } + item.onmouseout= function(){ + item.classList.remove("hoverclass") + } + }) + }) }, } \ No newline at end of file diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss index f5c74f3..8bbb8b6 100644 --- a/src/style/theme/common.scss +++ b/src/style/theme/common.scss @@ -19,6 +19,68 @@ body{ .min-width{ min-width: 1200px; } +// 公共类名 +.mb24{ + margin-bottom: 24px; +} +// 多数左右布局。中间带竖线 +.min-flex{ + min-width: 1100px; + max-width: 1556px; + width: 84.75%; + margin: 0 auto; +} +.desc{ + font-size: 12px; + font-weight: normal; + line-height: 13px; + letter-spacing: 0.08em; + font-variation-settings: "opsz" auto; + /* text/text_4 */ + color: #8A9099; +} +.flex-common{ + padding: 32px 36px; + background-color: #fff; + h3{ + text-align: left; + margin: 0 0 32px 0; + } + .flex-wrap{ + width: 100%; + display: flex; + justify-content: space-between; + } + .flex-line{ + border-left: 1px solid #DFE2E6; + margin: 0 54px; + } + .flex-left,.flex-right{ + min-width: 460px; + max-width: 590px; + flex: 1; + } + +} +// end--------- +//radio 发生change事件时,会有报错 + ::v-deep .el-radio__original { + display: none !important; + } + + ::v-deep.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled){ + .el-radio__inner { + box-shadow: none !important; + } + } + ::v-deep .el-popover { + display: none !important; + } + + ::v-deep.el-popover:focus:not(.is-focus):not(:active):not(.is-disabled){} +// .el-radio__inner { +// box-shadow: none !important; +// } /* button==== start */ .el-button{ @@ -161,6 +223,10 @@ body{ // select start +.el-select{ + width: 100%; + transition: all .5s; +} .el-select:hover .el-input__inner{ transition: all .5s; border-color: transparent; @@ -211,6 +277,12 @@ body{ min-width: 54px; margin-right: 8px; } + label.el-radio{ + margin-right: 24px; + .el-radio__label{ + padding-left: 8px; + } + } .form-item-top{ height: 18px; display: flex; @@ -255,6 +327,7 @@ body{ .w388{ width: 388px; } + .form-item{ display: flex; align-items: center; @@ -273,6 +346,8 @@ body{ } .el-form-item__content{ width: 100%; + display: flex; + justify-content: flex-start; } } .form-top-icon{ @@ -324,7 +399,11 @@ body{ } // table end - +.el-pagination{ + margin-top: 16px; + display: flex; + justify-content: flex-end; +} // dialog--start .el-dialog{ min-height: 344px; diff --git a/src/views/Register.vue b/src/views/Register.vue index 210ad4d..03ee9be 100755 --- a/src/views/Register.vue +++ b/src/views/Register.vue @@ -55,8 +55,7 @@ checked - editing + editing waiting @@ -74,43 +73,464 @@ -

搭建售卖渠道

+

搭建售卖渠道

+ +
+ +
+

站点信息

+ +
+
+ + +
站点简称 +
+
一个站点对应一个销售渠道,定义好名字好区分 +
+ +
+ +
销售渠道 +
+ +
+
+
+
+ +
域名来源 +
+ +
+ +
域名设置 +
+ + .chachongz.com + +
+
+
+
+
+
+

模板选择

+ +
+
+ +
+
+
+
+
+ +
+
+

店铺收款

+ +
+
+ + +
店铺渠道 +
+ +
+ + +
店铺授权 +
+
+
+ 请确保使用要添加的淘宝主账号登录并授权 +

如未购买"快乐帮手"服务或已过期,会跳转到购买服务页面

+
+
+ 前往授权 +
+
+
+ +
店铺绑定 +
+
可选择已有店铺,或授权新店铺 +
+
+ +
+
+
-
-
-

服务列表

-
- 添加查重服务 - 添加写作辅助 - 添加AIGC
+ +
+
+ +
+
+

店铺收款

+ +
+
+ +
+ 微信收款 +
+ +
+
+
+
+ +
+ 支付宝收款 +
+ +
+
+
+
+
+
+
+
+

服务列表

+
+ 添加查重服务 + 添加写作辅助 + 添加AIGC
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ + +
+
+ 跳过 + 完成
diff --git a/src/views/elementGroups.vue b/src/views/elementGroups.vue index ebe0ed7..3a74195 100644 --- a/src/views/elementGroups.vue +++ b/src/views/elementGroups.vue @@ -678,10 +678,11 @@ export default { .cardfooter { width: 100%; - // position: fixed; bottom: 20px; right: 30px; text-align: right; justify-content: center; } + + \ No newline at end of file