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 @@ - + @@ -74,43 +73,464 @@ - 搭建售卖渠道 + 搭建售卖渠道 + + + + + 站点信息 + + + + + + 站点简称 + + 一个站点对应一个销售渠道,定义好名字好区分 + + + + + 销售渠道 + + + + + + + + 域名来源 + + + + + 域名设置 + + + .chachongz.com + + + + + + + + 模板选择 + + + + + + + + + + + + + 店铺收款 + + + + + + 店铺渠道 + + + + + + 店铺授权 + + + + 请确保使用要添加的淘宝主账号登录并授权 + 如未购买"快乐帮手"服务或已过期,会跳转到购买服务页面 + + + 前往授权 + + + + + 店铺绑定 + + 可选择已有店铺,或授权新店铺 + + + + + + - - - 服务列表 - - 添加查重服务 - 添加写作辅助 - 添加AIGC + + + + + + + 店铺收款 + + + + + + 微信收款 + + + + + + + + + 支付宝收款 + + + + + + + + + + + 服务列表 + + 添加查重服务 + 添加写作辅助 + 添加AIGC + + + + + + + + + + {{ scope.row.type == 'a' ? '查重服务' : '写作辅助' + }} + {{ scope.row.name }} + + + + + + + ¥{{ scope.row.stock }}/篇 + + + + + + + + + + + + + + + + + / + + + + + + 取消 + 确定 + + + + + + + ¥{{ row.price }}/{{ row.word }}字 + ¥{{ row.price }}/篇 + + + + + + + + + + + + + + 输入>0的数,越小排序越前;重复则新者优先;0则默认排序 + + + + 取消 + 确定 + + + + + + {{ row.num }} + + + + + + + + + + + + + + + + 编辑 + 删除 + + + + + + + + + + + + + + + + 跳过 + 完成 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
搭建售卖渠道
如未购买"快乐帮手"服务或已过期,会跳转到购买服务页面
输入>0的数,越小排序越前;重复则新者优先;0则默认排序