From 958a99f535669fba1ba869dd6ca1f5f0fa3babd7 Mon Sep 17 00:00:00 2001 From: sws <1141121512@qq.com> Date: Thu, 28 Sep 2023 16:03:38 +0800 Subject: [PATCH] =?UTF-8?q?1.=E9=97=AE=E7=AD=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- common/css/page.css | 28 +- components/iconfont/iconfont.vue | 2 +- pages.json | 66 +++-- pages/answer-list/answer-list.vue | 256 ++++++++-------- pages/goods-category/goods-category.vue | 2 +- pages/plugins/answers/detail/detail.css | 45 +++ pages/plugins/answers/detail/detail.vue | 196 +++++++++++++ pages/plugins/answers/index/index.css | 51 ++++ pages/plugins/answers/index/index.vue | 276 ++++++++++++++++++ .../user-answers-detail.css | 6 + .../user-answers-detail.vue | 131 +++++++++ pages/user-answers-form/user-answers-form.css | 13 + pages/user-answers-form/user-answers-form.vue | 150 ++++++++++ .../user-answers-question.css | 22 ++ .../user-answers-question.vue | 191 ++++++++++++ 15 files changed, 1287 insertions(+), 148 deletions(-) create mode 100644 pages/plugins/answers/detail/detail.css create mode 100644 pages/plugins/answers/detail/detail.vue create mode 100644 pages/plugins/answers/index/index.css create mode 100644 pages/plugins/answers/index/index.vue create mode 100644 pages/user-answers-detail/user-answers-detail.css create mode 100644 pages/user-answers-detail/user-answers-detail.vue create mode 100644 pages/user-answers-form/user-answers-form.css create mode 100644 pages/user-answers-form/user-answers-form.vue create mode 100644 pages/user-answers-question/user-answers-question.css create mode 100644 pages/user-answers-question/user-answers-question.vue diff --git a/common/css/page.css b/common/css/page.css index 1198d3a0..5dcd8023 100644 --- a/common/css/page.css +++ b/common/css/page.css @@ -299,7 +299,8 @@ button:before { .bottom-fixed { position: fixed; left: 0; - bottom: 0; + /* bottom: 0; */ + bottom: var(--window-bottom); border: none; width: 100%; box-sizing: border-box; @@ -1264,7 +1265,11 @@ button[disabled].bg-grey { .divider-l-f5, .divider-r-f5, .divider-t-f5, -.divider-b-f5 { +.divider-b-f5, +.divider-l-d, +.divider-r-d, +.divider-t-d, +.divider-b-d { position: relative; } @@ -1275,8 +1280,16 @@ button[disabled].bg-grey { background: #f5f5f5 !important; } +.divider-l-d::before, +.divider-r-d::after, +.divider-t-d::before, +.divider-b-d::after { + background: #dddddd !important; +} + .divider-l::before, -.divider-l-f5::before { +.divider-l-f5::before, +.divider-l-d::before { content: ''; width: 2rpx; height: 65%; @@ -1288,7 +1301,8 @@ button[disabled].bg-grey { } .divider-r::after, -.divider-r-f5::after { +.divider-r-f5::after, +.divider-r-d::after { content: ''; width: 2rpx; height: 65%; @@ -1300,7 +1314,8 @@ button[disabled].bg-grey { } .divider-t::before, -.divider-t-f5::before { +.divider-t-f5::before, +.divider-t-d::before { content: ''; width: 100%; height: 2rpx; @@ -1310,7 +1325,8 @@ button[disabled].bg-grey { } .divider-b::after, -.divider-b-f5::after { +.divider-b-f5::after, +.divider-b-d::after { content: ''; width: 100%; height: 2rpx; diff --git a/components/iconfont/iconfont.vue b/components/iconfont/iconfont.vue index f3fa8e4b..f0bb0944 100644 --- a/components/iconfont/iconfont.vue +++ b/components/iconfont/iconfont.vue @@ -25,7 +25,7 @@ /* iconfont.css全局注册需要将src切换成绝对路径 */ /* @/static/icon/ */ /* @import url('@/static/icon/iconfont.css'); */ - @import url('https://at.alicdn.com/t/c/font_4227145_klds40ixeqs.css'); + @import url('https://at.alicdn.com/t/c/font_4227145_6avx91bpfzb.css'); .iconfont { display: inline-block; diff --git a/pages.json b/pages.json index ccbf08f1..e7fd4570 100644 --- a/pages.json +++ b/pages.json @@ -159,27 +159,6 @@ "navigationBarTitleText": "商品收藏" } }, - { - "path": "pages/user-answer-list/user-answer-list", - "style": { - "enablePullDownRefresh": true, - "navigationBarTitleText": "我的留言" - } - }, - { - "path": "pages/answer-list/answer-list", - "style": { - "enablePullDownRefresh": true, - "navigationBarTitleText": "问答广场" - } - }, - { - "path": "pages/answer-form/answer-form", - "style": { - "enablePullDownRefresh": false, - "navigationBarTitleText": "留言" - } - }, { "path": "pages/message/message", "style": { @@ -289,6 +268,30 @@ "enablePullDownRefresh": false, "navigationBarTitleText": "账号注销" } + }, + { + "path": "pages/user-answers-form/user-answers-form", + "style": { + "enablePullDownRefresh": true, + "navigationBarTitleText": "我要提问" + } + }, + { + "path": "pages/user-answers-detail/user-answers-detail", + "style": { + // #ifdef MP-WEIXIN || MP-BAIDU || MP-QQ || MP-KUAISHOU || H5 || APP + "navigationStyle": "custom", + // #endif + "enablePullDownRefresh": true, + "navigationBarTitleText": "提问详情" + } + }, + { + "path": "pages/user-answers-question/user-answers-question", + "style": { + "enablePullDownRefresh": true, + "navigationBarTitleText": "我的提问" + } } ], "subPackages": [{ @@ -962,6 +965,27 @@ } } ] + }, + { + "root": "pages/plugins/answers", + "pages": [{ + "path": "index/index", + "style": { + // #ifdef MP-WEIXIN || MP-BAIDU || MP-QQ || MP-KUAISHOU || H5 || APP + "navigationStyle": "custom", + // #endif + "enablePullDownRefresh": true, + "navigationBarTitleText": "问答" + } + }, + { + "path": "detail/detail", + "style": { + "enablePullDownRefresh": true, + "navigationBarTitleText": "问答详情" + } + } + ] } ], "globalStyle": { diff --git a/pages/answer-list/answer-list.vue b/pages/answer-list/answer-list.vue index 01f1ad8f..2afc8080 100644 --- a/pages/answer-list/answer-list.vue +++ b/pages/answer-list/answer-list.vue @@ -1,5 +1,17 @@ diff --git a/pages/goods-category/goods-category.vue b/pages/goods-category/goods-category.vue index 49c1e9ee..397e7669 100644 --- a/pages/goods-category/goods-category.vue +++ b/pages/goods-category/goods-category.vue @@ -341,7 +341,7 @@ - + diff --git a/pages/plugins/answers/detail/detail.css b/pages/plugins/answers/detail/detail.css new file mode 100644 index 00000000..4cf90efd --- /dev/null +++ b/pages/plugins/answers/detail/detail.css @@ -0,0 +1,45 @@ +.admin-img { + width: 68rpx; + height: 68rpx !important; +} + + +/** + * 猜你喜欢 + */ +.guess-like { + position: relative; + text-align: center; + display: inline-block; +} + +.guess-like::before, +.guess-like::after { + content: ""; + width: 76px; + height: 1px; + background: #dddddd; + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +.guess-like::before { + left: calc(100% + 20rpx); +} + +.guess-like::after { + right: calc(100% + 20rpx); +} + +/** + * 底部按钮 + */ +.answers-btn { + height: 142rpx; + box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08); +} + +.bottom-line { + padding-bottom: calc(142rpx + var(--window-bottom)); +} \ No newline at end of file diff --git a/pages/plugins/answers/detail/detail.vue b/pages/plugins/answers/detail/detail.vue new file mode 100644 index 00000000..7e6edb13 --- /dev/null +++ b/pages/plugins/answers/detail/detail.vue @@ -0,0 +1,196 @@ + + + diff --git a/pages/plugins/answers/index/index.css b/pages/plugins/answers/index/index.css new file mode 100644 index 00000000..fe5ffd1b --- /dev/null +++ b/pages/plugins/answers/index/index.css @@ -0,0 +1,51 @@ +.avatar { + width: 35rpx; + height: 35rpx; +} + +.scroll-box { + height: calc(100vh - 314rpx - var(--status-bar-height) - var(--window-bottom)); +} + +.status .answers-status { + padding: 4rpx 10rpx; +} + +.answers-bg-green { + background-color: #5FB95E; +} + +.answers-bg-yellow { + background-color: #FAAD14; +} + +.status .num { + margin-left: 16rpx; +} + +.answers-hot { + width: 32rpx; + height: 32rpx; + line-height: 32rpx; + color: #FFB868; +} + +.hot-bg-0 { + background: linear-gradient(150deg, #FC6761 0%, #ED4540 100%); +} + +.hot-bg-1 { + background: linear-gradient(150deg, #FFA12A 0%, #FF8605 100%); +} + +.hot-bg-2 { + background: linear-gradient(150deg, #FFCE90 0%, #FFAA4E 100%); +} + +/** + * 底部按钮 + */ +.answers-btn { + height: 142rpx; + box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08); +} \ No newline at end of file diff --git a/pages/plugins/answers/index/index.vue b/pages/plugins/answers/index/index.vue new file mode 100644 index 00000000..d0f844a5 --- /dev/null +++ b/pages/plugins/answers/index/index.vue @@ -0,0 +1,276 @@ + + + diff --git a/pages/user-answers-detail/user-answers-detail.css b/pages/user-answers-detail/user-answers-detail.css new file mode 100644 index 00000000..e61c38c7 --- /dev/null +++ b/pages/user-answers-detail/user-answers-detail.css @@ -0,0 +1,6 @@ +/** + * 导航 + */ +.nav-top { + background: linear-gradient(180deg, #FF4A4A 0%, #FF5858 53%, #F5F5F5 100%); +} \ No newline at end of file diff --git a/pages/user-answers-detail/user-answers-detail.vue b/pages/user-answers-detail/user-answers-detail.vue new file mode 100644 index 00000000..31709dfe --- /dev/null +++ b/pages/user-answers-detail/user-answers-detail.vue @@ -0,0 +1,131 @@ + + + diff --git a/pages/user-answers-form/user-answers-form.css b/pages/user-answers-form/user-answers-form.css new file mode 100644 index 00000000..1d5a9208 --- /dev/null +++ b/pages/user-answers-form/user-answers-form.css @@ -0,0 +1,13 @@ +.form-container .form-gorup .textarea-height { + height: 400rpx !important; +} + +.form-btn { + padding: 30rpx 90rpx; +} + +.form-btn button { + height: 88rpx; + line-height: 88rpx; + padding: 0; +} \ No newline at end of file diff --git a/pages/user-answers-form/user-answers-form.vue b/pages/user-answers-form/user-answers-form.vue new file mode 100644 index 00000000..0ec6b301 --- /dev/null +++ b/pages/user-answers-form/user-answers-form.vue @@ -0,0 +1,150 @@ + + + diff --git a/pages/user-answers-question/user-answers-question.css b/pages/user-answers-question/user-answers-question.css new file mode 100644 index 00000000..f6275d03 --- /dev/null +++ b/pages/user-answers-question/user-answers-question.css @@ -0,0 +1,22 @@ +.answers-status { + padding: 4rpx 10rpx; +} + +.answers-bg-green { + background-color: #5FB95E; +} + +.answers-bg-yellow { + background-color: #FAAD14; +} + + +.question-btn { + padding: 30rpx 90rpx; +} + +.question-btn button { + height: 88rpx; + line-height: 88rpx; + padding: 0; +} \ No newline at end of file diff --git a/pages/user-answers-question/user-answers-question.vue b/pages/user-answers-question/user-answers-question.vue new file mode 100644 index 00000000..e068b3f3 --- /dev/null +++ b/pages/user-answers-question/user-answers-question.vue @@ -0,0 +1,191 @@ + + +