home page

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "less.compile": {
+      "compress": true, // 是否删除多余空白字符
+      "sourceMap": false, // 是否创建文件目录树，true的话会自动生成一个 .css.map 文件
+      "out": true, // 是否输出css文件，false为不输出
+      "outExt": ".wxss", // 输出文件的后缀,默认为.css 或 .wxss
+  }
+}

nova-werun/components/circle/index.js

@@ -0,0 +1,24 @@
+// nova-werun/components/circle/index.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+
+    },
+
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+
+    }
+})

nova-werun/components/circle/index.json

@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}

nova-werun/components/circle/index.less

@@ -0,0 +1 @@
+/* nova-werun/components/circle/index.wxss */

nova-werun/components/circle/index.wxml

@@ -0,0 +1,4 @@
+<!--nova-werun/components/circle/index.wxml-->
+<view class="all" style="padding-top: {{contentHeight}}rpx;">
+
+</view>

nova-werun/components/home/index.js

@@ -0,0 +1,68 @@
+// nova-werun/components/home/index.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        //屏幕高度
+        statusBarHeight: 0, // 状态栏高度
+        screenHeight: 0, // 屏幕高度
+        customHeight: 0, // 自定义导航栏高度（如小程序右上角胶囊按钮）
+        bottomNavHeight: 0, // 底部导航栏高度
+        contentHeight: 0, // 可用内容高度
+        contentpadding:0,//顶部padding高度
+        //选择
+        rows:[
+            {image:'https://file-cloud.fmode.cn/qpFbRRSZrO/20241102/3l5p1v041343137.png?imageView2/1/w/200/h/200',text:'签到打卡'},
+            {image:'https://file-cloud.fmode.cn/qpFbRRSZrO/20241102/v6p4fm041343296.png?imageView2/1/w/200/h/200',text:'排行榜'},
+            {image:'https://file-cloud.fmode.cn/qpFbRRSZrO/20241102/mcu488041343362.png?imageView2/1/w/200/h/200',text:'转发分享'},
+            {image:'https://file-cloud.fmode.cn/qpFbRRSZrO/20241102/pqln61041343428.png?imageView2/1/w/200/h/200',text:'我的勋章'},
+            {image:'https://file-cloud.fmode.cn/qpFbRRSZrO/20241102/9crt85041343498.png?imageView2/1/w/200/h/200',text:'步行'},
+            {image:'https://file-cloud.fmode.cn/qpFbRRSZrO/20241102/3o1cdr041343554.png?imageView2/1/w/200/h/200',text:'骑行'},
+            {image:'https://file-cloud.fmode.cn/qpFbRRSZrO/20241102/71svpg041343669.png?imageView2/1/w/200/h/200',text:'跑步'},
+            {image:'https://file-cloud.fmode.cn/qpFbRRSZrO/20241102/uk13u1041343733.png?imageView2/1/w/200/h/200',text:'我的统计'},
+        ]
+    },
+    lifetimes: {
+
+        detached: function () {
+            // 在组件实例被从页面节点树移除时执行
+        },
+        attached: async function () {
+            // 在组件实例进入页面节点树时执行
+            // 计算
+            const systemInfo = wx.getSystemInfoSync();
+            const statusBarHeight = systemInfo.statusBarHeight || 0;
+            const screenHeight = systemInfo.screenHeight || 0;
+            const custom = wx.getMenuButtonBoundingClientRect();
+            const customHeight = custom.height + 10 + 2 || 0;
+            const bottomNavHeight = systemInfo.screenHeight - systemInfo.safeArea.bottom || 0;
+
+            const contentpadding = (statusBarHeight + customHeight) * 750 / systemInfo.windowWidth;
+            const contentHeight = (screenHeight-bottomNavHeight-50) * 750 / systemInfo.windowWidth;
+            this.setData({
+                statusBarHeight,
+                screenHeight,
+                customHeight,
+                bottomNavHeight,
+                contentHeight,
+                contentpadding
+            });
+            console.log('123',contentpadding);
+        },
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        
+    }
+})

nova-werun/components/home/index.json

@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "@vant/weapp/icon/index",
+        "van-notice-bar": "@vant/weapp/notice-bar/index"
+    }
+}

nova-werun/components/home/index.less

@@ -0,0 +1,138 @@
+/* nova-werun/components/home/index.wxss */
+.all{
+    width: 100vw;
+    background-color: skyblue;
+    .clockinbox{
+        width: 100%;
+        height: 650rpx;
+        // background-color: aqua;
+        display:flex;
+        flex-direction: column;
+        align-items: center;
+        border-top: black solid 2px;
+        .addressbox{
+            width: 100%;
+            height: 52rpx;
+            font-size: 30rpx;
+            display: flex;
+            margin-top: 16rpx;
+            align-items: center;
+        }
+        .runbox{
+            width: 350rpx;
+            height: 350rpx;
+            border-radius: 50%;
+            border: solid black 5rpx;
+            margin-top: 10rpx;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            .run{
+                width: 320rpx;
+                height: 320rpx;
+                border-radius: 50%;
+                border: solid black 5rpx;
+                display: flex;
+                align-items: center;
+                flex-direction: column;
+                .tody-steps{
+                    width: 100%;
+                    font-size: 28rpx;
+                    display: flex;
+                    justify-content: center;
+                    margin-top: 50rpx;
+                    font-weight: 600;
+                }
+                .step-num{
+                    font-size: 50rpx;
+                    font-weight: 600;
+                    margin-top: 20rpx;
+                }
+                .objective{
+                    width: 100%;
+                    height: 50rpx;
+                    align-items: center;
+                    justify-content: center;
+                    display: flex;
+                    margin-top: 20rpx;
+                    image{
+                        width: 32rpx;
+                        height: 32rpx;
+                        margin-right: 10rpx;
+                    }
+                    .ob-num{
+                        font-size: 28rpx;
+                    }
+                }
+            }
+        }
+        .inspire{
+            width: 100%;
+            height: 40rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 30rpx;
+            font-weight: 600;
+            margin-top: 30rpx;
+        }
+        .today-check{
+            width: 195rpx;
+            height: 100rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 35rpx;
+            margin-top: 30rpx;
+            border-radius: 50rpx;
+            font-weight: 600;
+            border: black solid 2px;
+        }
+    }
+    .selectbox{
+        width: 100%;
+        height: 50%;
+        margin-top: 3%;
+        border-top: black solid 2px;
+        background-color: white;
+        padding: 10rpx;
+        .a{
+            border: black solid 2px;
+            border-radius: 40rpx;
+            height: 60rpx;
+            
+        }
+        .typebox{
+            width: 100%;
+            height: 100%;
+            padding-left: 10rpx;
+            padding-right: 10rpx;
+            margin-bottom: 15rpx;
+            .container{
+                width: 100%;
+                height: 450rpx;
+                display: flex;
+                flex-wrap: wrap;
+                padding-top: 20rpx;
+                font-weight: 600;
+                .column{
+                    width: 25%; /* 每列占容器的25% */
+                    height: 200rpx;
+                    display: flex;
+                    flex-direction: column; /* 使内容垂直排列 */
+                    align-items: center; /* 水平居中对齐 */
+                    margin-bottom: 10px; /* 列之间的间距 */
+                    justify-content: center;
+                    margin-bottom: -10rpx;
+
+                    image{
+                        width: 100rpx;
+                        height: 100rpx;
+                    }
+                }
+            }
+        }
+        
+    }
+    
+}

nova-werun/components/home/index.wxml

@@ -0,0 +1,39 @@
+<!--nova-werun/components/home/index.wxml-->
+<view class="all" style="padding-top: {{contentpadding}}rpx;height: {{contentHeight}}rpx;">
+    <!-- 顶部 -->
+    <view class="clockinbox">
+        <view class="addressbox">
+            <van-icon name="location-o" size='20px' />
+            <view>江西脑控科技有限公司</view>
+        </view>
+        <view class="runbox">
+            <view class="run">
+                <view class="tody-steps">今日步数</view>
+                <view class="step-num">18000</view>
+                <view class="objective">
+                    <image src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241102/q12pc1114226514.png?imageView2/1/w/200/h/200" alt="" />
+                    <view class="ob-num">目标：200000</view>
+                </view>
+            </view>
+        </view>
+
+        <view class="inspire">我坚持运动77天,今天跑赢50%人</view>
+
+        <view class="today-check">今日打卡</view>
+
+    </view>
+    <!-- 底部 -->
+    <view class="selectbox">
+        <van-notice-bar color="#1989fa" color='#000' background="#ecf9ff" background="#fff" left-icon="volume-o" custom-class='a' text="在微信开发者工具中进行测试，确保定位和轨迹绘制的准确性。完成测试后，提交审核并发布小程序。通过以上步骤，您就可以在微信小程序中使用高德地图实现实时运动轨迹的功能。" />
+
+        <view class="typebox">
+            <view class="container">
+                    <view class="column" wx:for="{{rows}}" wx:key="index" >
+                       <image src="{{item.image}}"></image>
+                        <text class="item-text">{{item.text}}</text>
+                    </view>
+            </view>
+        </view>
+
+    </view>
+</view>

nova-werun/components/my/index.js

@@ -0,0 +1,23 @@
+// nova-werun/components/my/index.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+
+    }
+})

nova-werun/components/my/index.json

@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}

nova-werun/components/my/index.less

@@ -0,0 +1 @@
+/* nova-werun/components/my/index.wxss */

nova-werun/components/my/index.wxml

@@ -0,0 +1,2 @@
+<!--nova-werun/components/my/index.wxml-->
+<text>nova-werun/components/my/index.wxml</text>

nova-werun/pages/index/index.json

@@ -1,3 +1,7 @@
 {
-  "usingComponents": {}
+  "usingComponents": {
+    "home":"../../components/home/index",
+    "circle":"../../components/circle/index",
+    "my":"../../components/my/index"
+  }
 }

nova-werun/pages/index/index.wxml

@@ -13,14 +13,13 @@
 <template name="nova-home">
 	<home id="comp{{id}}" />
 </template>
-<template name="nova-cart">
+<template name="nova-circle">
 	<!-- <cart id="comp{{id}}" take="{{takeAddress}}" give="giveAddress" /> -->
-</template>
-<template name="nova-cate">
-	<!-- <cate id="comp{{id}}" bind:cart="toCart" /> -->
+	<circle id="comp{{id}}" />
 </template>
 <template name="nova-my">
-	<!-- <my id="comp{{id}}" /> -->
+	<my id="comp{{id}}" />
+	
 </template>
 <!-- 底部导航 -->
 <van-tabbar

project.config.json

@@ -1,60 +1,60 @@
 {
-  "description": "项目配置文件",
-  "packOptions": {
-    "ignore": [
-      {
-        "value": "package-lock.json",
-        "type": "file"
-      }
-    ],
-    "include": []
-  },
-  "setting": {
-    "urlCheck": false,
-    "es6": true,
-    "enhance": true,
-    "postcss": true,
-    "preloadBackgroundData": false,
-    "minified": true,
-    "newFeature": false,
-    "coverView": true,
-    "nodeModules": false,
-    "autoAudits": false,
-    "showShadowRootInWxmlPanel": true,
-    "scopeDataCheck": false,
-    "uglifyFileName": false,
-    "checkInvalidKey": true,
-    "checkSiteMap": true,
-    "uploadWithSourceMap": true,
-    "compileHotReLoad": false,
-    "lazyloadPlaceholderEnable": false,
-    "useMultiFrameRuntime": true,
-    "useApiHook": true,
-    "useApiHostProcess": true,
-    "babelSetting": {
-      "ignore": [],
-      "disablePlugins": [],
-      "outputPath": ""
+    "description": "项目配置文件",
+    "packOptions": {
+        "ignore": [
+            {
+                "value": "package-lock.json",
+                "type": "file"
+            }
+        ],
+        "include": []
     },
-    "useIsolateContext": true,
-    "userConfirmedBundleSwitch": false,
-    "packNpmManually": false,
-    "packNpmRelationList": [],
-    "minifyWXSS": true,
-    "disableUseStrict": false,
-    "minifyWXML": true,
-    "showES6CompileOption": false,
-    "useCompilerPlugins": false,
-    "ignoreUploadUnusedFiles": true
-  },
-  "compileType": "miniprogram",
-  "libVersion": "2.27.3",
-  "appid": "wx9e378ea72244da67",
-  "projectname": "nova-wapp",
-  "cloudfunctionTemplateRoot": "",
-  "editorSetting": {
-    "tabIndent": "insertSpaces",
-    "tabSize": 2
-  },
-  "condition": {}
+    "setting": {
+        "urlCheck": false,
+        "es6": true,
+        "enhance": true,
+        "postcss": true,
+        "preloadBackgroundData": false,
+        "minified": true,
+        "newFeature": false,
+        "coverView": true,
+        "nodeModules": false,
+        "autoAudits": false,
+        "showShadowRootInWxmlPanel": true,
+        "scopeDataCheck": false,
+        "uglifyFileName": false,
+        "checkInvalidKey": true,
+        "checkSiteMap": true,
+        "uploadWithSourceMap": true,
+        "compileHotReLoad": false,
+        "lazyloadPlaceholderEnable": false,
+        "useMultiFrameRuntime": true,
+        "useApiHook": true,
+        "useApiHostProcess": true,
+        "babelSetting": {
+            "ignore": [],
+            "disablePlugins": [],
+            "outputPath": ""
+        },
+        "useIsolateContext": true,
+        "userConfirmedBundleSwitch": false,
+        "packNpmManually": false,
+        "packNpmRelationList": [],
+        "minifyWXSS": true,
+        "disableUseStrict": false,
+        "minifyWXML": true,
+        "showES6CompileOption": false,
+        "useCompilerPlugins": false,
+        "ignoreUploadUnusedFiles": true
+    },
+    "compileType": "miniprogram",
+    "libVersion": "2.27.3",
+    "appid": "wx9e378ea72244da67",
+    "projectname": "nova-wapp",
+    "cloudfunctionTemplateRoot": "",
+    "editorSetting": {
+        "tabIndent": "insertSpaces",
+        "tabSize": 2
+    },
+    "condition": {}
 }