diff --git a/pages.json b/pages.json index f16362d..aab2796 100644 --- a/pages.json +++ b/pages.json @@ -355,7 +355,14 @@ "onReachBottomDistance": 40, //距离底部多远时触发 单位为px "enablePullDownRefresh": true //设置参数为true } - } + }, + { + "path": "servicerecord/servicerecord", + "style": { + "navigationBarTitleText": "服务记录", + "enablePullDownRefresh": false + } + } ] }], "globalStyle": { @@ -397,4 +404,4 @@ } ] } -} \ No newline at end of file +} diff --git a/pagesB/consulted/consulted.scss b/pagesB/consulted/consulted.scss index 00c8729..73f6a31 100644 --- a/pagesB/consulted/consulted.scss +++ b/pagesB/consulted/consulted.scss @@ -4,6 +4,7 @@ width: 100%; color: #000000; padding-top: 20rpx; + overflow: scroll; .content { width: 95%; diff --git a/pagesC/servicerecord/servicerecord.scss b/pagesC/servicerecord/servicerecord.scss new file mode 100644 index 0000000..7ee3d5f --- /dev/null +++ b/pagesC/servicerecord/servicerecord.scss @@ -0,0 +1,233 @@ +.app { + background-color: #F7F5F5; + height: 100vh; + // height: 100%; + width: 100%; + color: #000000; + padding-top: 20rpx; + overflow: scroll; + + ::v-deep .u-tabs-scroll-flex { + background: #F7F5F5; + width: 60%; + } + + ::v-deep .u-scroll-view { + background: #F7F5F5 !important; + + } + + .record { + width: 95%; + height: 392rpx; + background: #FFFFFF; + box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); + border-radius: 5rpx; + margin: 0 auto; + position: relative; + font-family: Source Han Sans CN; + margin-bottom: 15rpx; + + .top { + position: absolute; + background: red; + width: 90%; + left: 5%; + top: 7%; + span:nth-child(1) { + font-size: 32rpx; + font-weight: 600; + color: #000000; + position: absolute; + } + + span:nth-child(2) { + font-weight: 500; + font-size: 32rpx; + font-weight: 500; + color: #868585; + position: absolute; + left: 18%; + } + + span:nth-child(3) { + font-weight: 500; + font-size: 28rpx; + font-weight: 500; + color: #26A888; + position: absolute; + // left: 18%; + right: 0%; + } + + } + + .recorddata { + width: 95%; + position: relative; + top: 23%; + left: 50%; + transform: translateX(-50%); + border-bottom: 1rpx solid #E6E6E6; + padding-left: 3%; + + .recordbottom { + margin-bottom: 30rpx !important; + } + + .recorditem { + width: 100%; + font-size: 28rpx; + font-family: Source Han Sans CN; + font-weight: 400; + color: #868585; + margin-bottom: 20rpx; + + span { + margin-left: 20rpx; + } + } + } + + .evaluate { + .evaluatedata { + position: absolute; + width: 169rpx; + height: 61rpx; + background: #26A888; + border-radius: 5rpx; + text-align: center; + font-size: 28rpx; + font-weight: 400; + color: #FFFFFF; + line-height: 61rpx; + bottom: 8%; + right: 4%; + } + + span:nth-child(1) { + display: inline-block; + position: absolute; + height: 22rpx; + font-size: 28rpx; + font-weight: 400; + color: #868585; + left: 5%; + bottom: 16%; + } + + span:nth-child(2) { + display: inline-block; + position: absolute; + height: 22rpx; + font-size: 28rpx; + font-weight: 400; + color: #868585; + left: 30%; + bottom: 16%; + } + + span:nth-child(3) { + display: inline-block; + position: absolute; + right: 3%; + bottom: 10%; + } + } + } + + .evaluateserver { + width: 100%; + font-size: 38rpx; + color: #000000; + line-height: 120rpx; + font-weight: 400; + text-align: center; + + ::v-deep .u-close { + top: 8% !important; + } + } + + .star { + position: relative; + left: 11%; + height: 80rpx; + margin-bottom: 40rpx; + + .evaluatstar { + ::v-deep .u-rate { + position: absolute !important; + left: 14% !important; + top: 50%; + transform: translateY(-50%); + } + + ::v-deep .u-input__textarea { + background: #F6F6F6; + height: 200rpx !important; + } + + ::v-deep .u-input { + width: 66% !important; + height: 171rpx; + position: absolute; + left: 16%; + } + + font-family: Source Han Sans CN; + + span:nth-child(1) { + position: absolute; + display: inline; + font-size: 36rpx; + color: #000000; + font-weight: 400; + letter-spacing: 0.2em; + top: 50%; + transform: translateY(-50%); + } + + span:nth-child(2) { + position: absolute; + display: inline-block; + } + } + } + + .submits { + font-family: Source Han Sans CN; + font-size: 31rpx; + position: relative; + display: flex; + justify-content: space-around; + top: 23%; + text-align: center; + + span:nth-child(1) { + display: inline-block; + width: 290rpx; + height: 62rpx; + line-height: 62rpx; + background: #FFFFFF; + border: 1px solid #26A888; + border-radius: 5rpx; + font-weight: 500; + color: #26A888; + + } + + span:nth-child(2) { + width: 290rpx; + height: 62rpx; + line-height: 62rpx; + background: #26A888; + border-radius: 5rpx; + font-weight: 500; + color: #FFFFFF; + display: inline-block; + } + + } + + } \ No newline at end of file diff --git a/pagesC/servicerecord/servicerecord.vue b/pagesC/servicerecord/servicerecord.vue new file mode 100644 index 0000000..4b75484 --- /dev/null +++ b/pagesC/servicerecord/servicerecord.vue @@ -0,0 +1,118 @@ + + + + + \ No newline at end of file