medal page

nova-werun/pages/home/medal/index.less

@@ -1 +1,89 @@
-/* nova-werun/pages/home/medal/index.wxss */
+/* nova-werun/pages/home/medal/index.wxss */
+.all{
+    width: 100vw;
+    padding-left: 40rpx;
+    padding-right: 40rpx;
+    padding-top: 20rpx;
+    overflow-y: scroll;
+    .infobox{
+        width:100%;
+        height: 130rpx;
+        display: flex;
+        align-items: center;
+        .avater{
+            width: 110rpx;
+            height: 110rpx;
+            border-radius: 50%;
+        }
+        .info{
+            height: 130rpx;
+            margin-left: 20rpx;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            .name{
+                font-size: 34rpx;
+            }
+            .but-box{
+                margin-top: 10rpx;
+                width: 130rpx;
+                height: 45rpx;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                border-radius: 12rpx;
+                border: gray solid 1px;
+                image{
+                    width: 26rpx;
+                    height: 26rpx;
+                }
+                .text{
+                    margin-left: 5rpx;
+                    font-size: 26rpx;
+                }
+            }   
+        }
+    }
+    .medalbox{
+        width: 100%;
+        border: solid black 2px;
+        border-radius: 15rpx;
+        margin-bottom: 40rpx;
+        margin-top: 25rpx;
+        .med-text{
+            margin-left: 20rpx;
+            font-size: 32rpx;
+            margin-top: 10rpx;
+        }
+        .med-infobox{
+            width: 100%;
+            display: flex;
+            flex-wrap: wrap;
+            .med-info{
+                width: 50%;
+                height: 400rpx;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-direction: column;
+                image{
+                    width: 180rpx;
+                    height: 180rpx;
+                }
+                .med-name{
+                    margin-top: 10rpx;
+                    font-size: 36rpx;
+                    font-weight: 600;
+                }
+                .med-rul{
+                    margin-top: 10rpx;
+                    font-size: 34rpx;
+                }
+                .med-time{
+                    margin-top: 10rpx;
+                    font-size: 30rpx;
+                }
+            }
+        }
+    }
+}

nova-werun/pages/home/medal/index.wxml

@@ -1,5 +1,32 @@
 <!--nova-werun/pages/home/medal/index.wxml-->
 <nav type="back" title="我的勋章" background-color="{{'#87ceeb'}}" front-color="{{'#ffffff'}}"></nav>
 <view class="all" style="height: {{contentHeight}}rpx;">
+    <view class="infobox">
+        <image class="avater" src="https://file-cloud.fmode.cn//tmp/sBX4tFxdGjkk1fea2c9db35cbd67b50b01dd3bae1592.png?imageView2/1/w/200/h/200"></image>
+        <view class="info">
+            <view class="name">超级无敌暴龙战士战士</view>
+            <view class="but-box">
+                <image src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241112/m61jkv024259213.png?imageView2/1/w/200/h/200"></image>
+                <view class="text">分享 ></view>
+            </view>
+        </view>
+    </view>
 
-</view>
+    <view class="medalbox">
+        <view class="med-text">全部勋章</view>
+        <view class="med-infobox">
+            <block wx:for="{{15}}">
+                <view class="med-info">
+                    <image src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241112/61d821025820167.png?imageView2/1/w/200/h/200"></image>
+                    <view class="med-name">勋章名称</view>
+                    <view class="med-rul">勋章达成规则</view>
+                    <view class="med-time">2024-9-17</view>
+                </view>
+            </block>
+
+
+        </view>
+    </view>
+
+
+</view>

nova-werun/pages/home/medal/index.wxss

@@ -0,0 +1 @@
+.all{width:100vw;padding-left:40rpx;padding-right:40rpx;padding-top:20rpx;overflow-y:scroll}.all .infobox{width:100%;height:130rpx;display:flex;align-items:center}.all .infobox .avater{width:110rpx;height:110rpx;border-radius:50%}.all .infobox .info{height:130rpx;margin-left:20rpx;display:flex;flex-direction:column;justify-content:center}.all .infobox .info .name{font-size:34rpx}.all .infobox .info .but-box{margin-top:10rpx;width:130rpx;height:45rpx;display:flex;justify-content:center;align-items:center;border-radius:12rpx;border:gray solid 1px}.all .infobox .info .but-box image{width:26rpx;height:26rpx}.all .infobox .info .but-box .text{margin-left:5rpx;font-size:26rpx}.all .medalbox{width:100%;border:solid black 2px;border-radius:15rpx;margin-bottom:40rpx;margin-top:25rpx}.all .medalbox .med-text{margin-left:20rpx;font-size:32rpx;margin-top:10rpx}.all .medalbox .med-infobox{width:100%;display:flex;flex-wrap:wrap}.all .medalbox .med-infobox .med-info{width:50%;height:400rpx;display:flex;align-items:center;justify-content:center;flex-direction:column}.all .medalbox .med-infobox .med-info image{width:180rpx;height:180rpx}.all .medalbox .med-infobox .med-info .med-name{margin-top:10rpx;font-size:36rpx;font-weight:600}.all .medalbox .med-infobox .med-info .med-rul{margin-top:10rpx;font-size:34rpx}.all .medalbox .med-infobox .med-info .med-time{margin-top:10rpx;font-size:30rpx}

nova-werun/pages/home/sport/sport-home/index.less

@@ -1 +1,4 @@
-/* nova-werun/pages/home/sport/sport-home/index.wxss */
+/* nova-werun/pages/home/sport/sport-home/index.wxss */
+.all{
+    width: 100vw;
+}

nova-werun/pages/home/sport/sport-home/index.wxss

@@ -0,0 +1 @@
+.all{width:100vw}

nova-werun/pages/home/sport/sport-start/index.less

@@ -1 +1,4 @@
-/* nova-werun/pages/home/sport/sport-start/index.wxss */
+/* nova-werun/pages/home/sport/sport-start/index.wxss */
+.all{
+    width: 100vw;
+}

nova-werun/pages/home/sport/sport-start/index.wxss

@@ -0,0 +1 @@
+.all{width:100vw}

nova-werun/pages/home/statistics/index.less

@@ -1 +1,4 @@
-/* nova-werun/pages/home/statistics/index.wxss */
+/* nova-werun/pages/home/statistics/index.wxss */
+.all{
+    width: 100vw;
+}

nova-werun/pages/home/statistics/index.wxss

@@ -0,0 +1 @@
+.all{width:100vw}

project.private.config.json

@@ -51,6 +51,12 @@
                     "pathName": "nova-werun/pages/home/share/index",
                     "query": "",
                     "scene": null
+                },
+                {
+                    "name": "我的勋章",
+                    "pathName": "nova-werun/pages/home/medal/index",
+                    "query": "",
+                    "scene": null
                 }
             ]
         }