diff --git a/README.md b/README.md index 023c281..bd86548 100644 --- a/README.md +++ b/README.md @@ -20,5 +20,6 @@ ## components - Menu 左侧导航 +- NavBottom 底部导航 ## views diff --git a/src/static/images/rank_first.png b/src/static/images/rank_first.png new file mode 100644 index 0000000..b29b58a Binary files /dev/null and b/src/static/images/rank_first.png differ diff --git a/src/static/images/rank_second.png b/src/static/images/rank_second.png new file mode 100644 index 0000000..d0c798d Binary files /dev/null and b/src/static/images/rank_second.png differ diff --git a/src/static/images/rank_third.png b/src/static/images/rank_third.png new file mode 100644 index 0000000..4614f59 Binary files /dev/null and b/src/static/images/rank_third.png differ diff --git a/src/views/mine/Archives.vue b/src/views/mine/Archives.vue index e3cd19b..7898307 100644 --- a/src/views/mine/Archives.vue +++ b/src/views/mine/Archives.vue @@ -121,7 +121,7 @@
手机号
{{ formData.phone }}
-
更换手机号
+
更换手机号
@@ -131,7 +131,7 @@
密码
{{ formData.password }}
-
修改密码
+
修改密码
时区
@@ -177,6 +177,80 @@
+
保存信息
@@ -184,7 +258,7 @@ + \ No newline at end of file diff --git a/src/views/mine/ReleaseWebcast.vue b/src/views/mine/ReleaseWebcast.vue index 3113423..f13e899 100644 --- a/src/views/mine/ReleaseWebcast.vue +++ b/src/views/mine/ReleaseWebcast.vue @@ -46,13 +46,37 @@ - + {{ form.brief.length }}/200 发布直播 + @@ -61,6 +85,7 @@ import { defineComponent, reactive, Ref, ref, toRaw } from 'vue'; import { PlaySquareOutlined, PlusOutlined } from '@ant-design/icons-vue'; import { useForm } from '@ant-design-vue/use'; import NavBottom from '@/components/NavBottom.vue'; +import RankList from './RankList.vue'; import { previewCover } from '@/static/js/common'; export default defineComponent({ @@ -69,6 +94,7 @@ export default defineComponent({ PlaySquareOutlined, PlusOutlined, NavBottom, + RankList, }, setup() { // 表单数据 @@ -144,9 +170,17 @@ export default defineComponent({ console.log('error', err); }); }; + const isEntitled: Ref = ref(true); + /** + * 隐藏无资格提示 + */ + function hideNoticeModal(): void { + isEntitled.value = false; + } return { labelCol: { span: 4 }, wrapperCol: { span: 14 }, + modalNode: () => document.getElementsByClassName('modal-container')[0], validateInfos, resetFields, viewCover, @@ -154,6 +188,8 @@ export default defineComponent({ coverChange, form, onSubmit, + isEntitled, + hideNoticeModal, } } }) @@ -285,5 +321,56 @@ export default defineComponent({ } } } + .modal-container { + ::v-deep .modal-dialog { + .close { + width: 14px; + height: 14px; + } + .ant-modal-content { + box-sizing: border-box; + padding: 25px 30px; + width: 569px; + background: #FFFFFF; + box-shadow: 0px 4px 6px 0px rgba(102, 102, 102, 0.07); + border-radius: 28px; + .notice-container { + .title { + font-size: 11px; + font-weight: bold; + color: #111111; + margin-bottom: 16px; + } + .sub-title { + .red { + color: #D12C2D; + } + .bule { + color: #0DBBA3; + } + } + .confirm-btn { + display: inline-block; + background: #07AD97; + border-radius: 2px; + font-size: 9px; + font-weight: 500; + color: #FFFFFF; + text-align: center; + cursor: pointer; + user-select: none; + height: 22px; + line-height: 22px; + padding: 0 17px; + } + } + .report { + .sub-title { + margin-bottom: 50px; + } + } + } + } + } } \ No newline at end of file