소스 검색

Merge branch 'master' of http://39.106.8.246:3003/sagacloud/sagacloud-sagacare-weChat

chenzhen2 1 년 전
부모
커밋
73da211071

+ 4 - 2
src/app.wpy

@@ -56,7 +56,6 @@ wepy.app({
           'pages/officehome/detail',
           'pages/officehome/demo',
           'pages/portrait/home',
-          'pages/portrait/visitor',
           'pages/portrait/meeting',
           'pages/portrait/energy',
           'pages/portrait/energyPoint',
@@ -65,7 +64,10 @@ wepy.app({
           'pages/portrait/pointRanking',
           'pages/portrait/ajustRecord',
           'pages/portrait/carbonEnterprise',
-          'pages/personalCenter/index'
+          'pages/personalCenter/index',
+          'pages/personalCenter/personalInfo',
+          'pages/personalCenter/operating',
+          'pages/personalCenter/xiaosa',
         ]
       },
     ],

+ 61 - 0
src/packagesEnv/pages/personalCenter/footer.wpy

@@ -0,0 +1,61 @@
+<style lang='less' scoped>
+    .footer {
+        position: absolute;
+        bottom: 68rpx;
+        left: 50%;
+        transform: translate(-50%);
+        .footer-content {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+        .text {
+            font-family: PingFang SC;
+            font-size: 28rpx;
+            font-weight: 400;
+            line-height: 44rpx;
+            color: #8b949e;
+            padding: 0 16rpx;
+        }
+        .footer-line {
+            width: 40rpx;
+            border: 2rpx;
+            border: 2rpx solid #c4c9cf;
+        }
+    }
+</style>
+<!-- 个人中心 -->
+<template>
+        <div class="footer">
+            <div class="footer-content">
+                <div class="footer-line"></div>
+                <div class="text">小飒智控</div>
+                <div class="footer-line"></div>
+            </div>
+        </div>
+</template>
+
+<script>
+
+import wepy from '@wepy/core'
+// import config from '@/config';
+wepy.component({
+  name: 'Footer',
+  props: {},
+  data: {
+
+  },
+  computed: {},
+  methods: {
+
+  },
+// 生命周期 - 创建完成(可以访问当前this实例)
+  created() {
+
+  },
+// 生命周期 - 挂载完成(可以访问DOM元素)
+  mounted() {
+
+  }
+})
+</script>

+ 219 - 11
src/packagesEnv/pages/personalCenter/index.wpy

@@ -1,36 +1,244 @@
+<style lang='less'>
+page {
+    height: 100%;
+    background: #ebf5fa;
+}
+.percsonal-center {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    box-sizing: border-box;
+    position: relative;
+
+    .imgst {
+        width: 100%;
+        height: 784rpx;
+        background-color: #ebf5fa;
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 0;
+    }
+    .contain {
+        padding-top: 240rpx;
+        position: relative;
+        z-index: 1;
+        .head {
+            display: flex;
+            align-items: center;
+            .imgHead {
+                margin-left: 56rpx;
+                margin-right: 20rpx;
+                width: 128rpx;
+                height: 128rpx;
+            }
+            .p-name {
+                margin-right: 8rpx;
+                font-family: PingFang SC;
+                font-size: 44rpx;
+                font-weight: 600;
+                line-height: 64rpx;
+                color: #1b2129;
+            }
+            .p-comp {
+                padding-top: 8rpx;
+                font-family: PingFang SC;
+                font-size: 28rpx;
+                font-weight: 400;
+                line-height: 44rpx;
+                color: #626c78;
+            }
+        }
+        .content {
+            padding: 40rpx;
+            padding-top: 64rpx;
+            .card-box {
+                display: flex;
+                justify-content: space-between;
+                padding-bottom: 20rpx;
+                .little-card {
+                    text-align: center;
+                    width: 326rpx;
+                    height: 200rpx;
+                    padding-top: 36rpx;
+                    border-radius: 40rpx;
+                    box-sizing: border-box;
+                    background: #ffffff;
+                    .little-imgst {
+                        width: 64rpx;
+                        height: 64rpx;
+                    }
+                    .text {
+                        padding-top: 8rpx;
+                        font-family: PingFang SC;
+                        font-size: 32rpx;
+                        font-weight: 400;
+                        line-height: 48rpx;
+                        color: #1b2129;
+                    }
+                }
+                .hover-st {
+                    background: #f1f4f6;
+                }
+            }
+            .big-card {
+                width: 670rpx;
+                height: 288rpx;
+                padding: 24rpx 0px 24rpx 0px;
+                border-radius: 40rpx;
+                box-sizing: border-box;
+                background: #ffffff;
+                .each-row {
+                    width: 100%;
+                    height: 120rpx;
+                    padding-left: 40rpx;
+                    display: flex;
+                    align-items: center;
+                    .each-row-imgst {
+                        width: 48rpx;
+                        height: 48rpx;
+                        margin-right: 24rpx;
+                    }
+                    .each-row-text {
+                        font-family: PingFang SC;
+                        font-size: 32rpx;
+                        font-weight: 400;
+                        line-height: 48rpx;
+                        color: #1b2129;
+                    }
+                }
+                .hover-st {
+                    background: #f1f4f6;
+                }
+            }
+        }
+    }
+}
+</style>
 <!-- 个人中心 -->
 <template>
-<div class=''>
-    个人中心
-</div>
+    <div class="percsonal-center">
+        <page-top-bar icon="{{h5Static+'/page-top-bar/return-icon.svg'}}"></page-top-bar>
+        <image
+            class="imgst"
+            src="{{h5StaticPath}}/bg-personal.png"
+            mode="widthFix"
+            alt
+        />
+        <div class="contain">
+            <div class="head">
+                <image
+                    class="imgHead"
+                    src="{{h5StaticPath}}/no-person.png"
+                />
+                <div @click="goToPersonalInfo">
+                    <div>
+                        <span class="p-name">纳兰词</span>
+                        <image
+                            style="width: 24rpx;height: 24rpx;"
+                            src="{{h5StaticPath}}/icon-arrow-right.svg"
+                        />
+                    </div>
+                    <div class="p-comp">上格云智能技术有限公司</div>
+                </div>
+            </div>
+            <div class="content">
+                <div class="card-box">
+                    <div
+                        hover-class="hover-st"
+                        hover-style-time="100"
+                        class="little-card"
+                    >
+                        <image
+                            class="little-imgst"
+                            src="{{h5StaticPath}}/icon-leaf.png"
+                        />
+                        <div class="text">我的习惯</div>
+                    </div>
+                    <div
+                        hover-class="hover-st"
+                        hover-style-time="100"
+                        class="little-card"
+                        @click="handleAdd"
+                    >
+                        <image
+                            class="little-imgst"
+                            src="{{h5StaticPath}}/icon-to-desk.png"
+                        />
+                        <div class="text">添加到桌面</div>
+                    </div>
+                </div>
+                <div class="big-card">
+                    <div
+                        hover-class="hover-st"
+                        hover-style-time="100"
+                        v-for="item in arr"
+                        :key="item.icon"
+                        class="each-row"
+                        @click="toPage(item.url)"
+                    >
+                        <image
+                            class="each-row-imgst"
+                            src="{{h5StaticPath}}/{{item.icon}}"
+                        />
+                        <span class="each-row-text">{{item.name}}</span>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+        <footer></footer>
+    </div>
 </template>
 
 <script>
 import wepy from '@wepy/core'
-import store from '@/store'
 import config from '@/config'
 wepy.page({
-// import引入的组件需要注入到对象中才能使用
   components: {},
   props: {},
   data: {
-
+    h5StaticPath: config.h5StaticPath + '/page-personalCenter',
+    h5Static: config.h5StaticPath,
+    arr: [
+            // { name: '问题反馈', icon: 'icon-message.svg', url: '' },
+            { name: '操作指引', icon: 'icon-guid.svg', url: '/packagesEnv/pages/personalCenter/operating' },
+            { name: '关于小飒指控', icon: 'icon-tip.svg', url: '/packagesEnv/pages/personalCenter/xiaosa' }
+    ]
   },
   computed: {},
   methods: {
+    toPage(url) {
+      wx.navigateTo({
+        url: url
+      })
+    },
+    goToPersonalInfo() {
+      wx.navigateTo({
+        url: '/packagesEnv/pages/personalCenter/personalInfo'
+      })
+    }
 
   },
-// 生命周期 - 创建完成(可以访问当前this实例)
+    // 生命周期 - 创建完成(可以访问当前this实例)
   created() {
 
   },
-// 生命周期 - 挂载完成(可以访问DOM元素)
+    // 生命周期 - 挂载完成(可以访问DOM元素)
   mounted() {
 
   }
 })
 </script>
-<style lang='less' scoped>
-//@import url(); 引入公共css类
+<config>
+{
+    'navigationBarTitleText': '',
+    navigationStyle:"custom",
+    backgroundColor: '#EBF5FA',
+    usingComponents: {
+        'page-top-bar': '~@/components/common/page-top-bar', 
+        'footer':'./footer'     
+    },
 
-</style>
+}
+</config>

+ 122 - 0
src/packagesEnv/pages/personalCenter/operating.wpy

@@ -0,0 +1,122 @@
+<style lang='less' scoped>
+page {
+    height: 100%;
+    background: #ebf5fa;
+}
+.operating {
+    padding-top: 244rpx;
+    padding-left: 56rpx;
+    padding-right: 56rpx;
+    height: 600rpx;
+    background: linear-gradient(
+        180deg,
+        rgba(61, 203, 204, 0.2) 0%,
+        rgba(61, 203, 204, 0) 100.34%
+    );
+    .each-row {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .each-box {
+            .title {
+                font-family: PingFang SC;
+                font-size: 36rpx;
+                font-weight: 600;
+                line-height: 56rpx;
+                color: #1b2129;
+            }
+            .text {
+                width: 416rpx;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                font-family: PingFang SC;
+                font-size: 26rpx;
+                font-weight: 400;
+                line-height: 40rpx;
+                color: #626c78;
+            }
+        }
+        .each-img {
+            width: 94px;
+            height: 78px;
+            border-radius: 12px;
+        }
+    }
+    .divider {
+        border-top: 1px solid #c4c9cf4d;
+        margin-top: 48rpx;
+        margin-bottom: 48rpx;
+    }
+}
+</style>
+<!-- 操作指引 -->
+<template>
+    <page-top-bar
+        title="操作指引"
+        titleColor="#1B2129"
+        icon="{{h5Static+'/page-top-bar/return-icon.svg'}}"
+    ></page-top-bar>
+    <div class="operating">
+        <div
+            v-for="(item,idx) in arr"
+            :key="item.title"
+        >
+            <div  class="each-row">
+                <div class="each-box">
+                    <div class="title">{{item.title}}</div>
+                    <div class="text">{{item.text}}</div>
+                </div>
+                <image
+                    class="each-img"
+                    src="{{h5StaticPath}}/{{ item.img }}"
+                />
+            </div>
+
+            <div class="divider" v-if="idx != arr.length-1"> </div>
+
+        </div>
+    </div>
+</template>
+
+<script>
+
+import wepy from '@wepy/core'
+import config from '@/config'
+wepy.page({
+  props: {},
+  data: {
+    h5Static: config.h5StaticPath,
+    h5StaticPath: config.h5StaticPath + '/page-personalCenter',
+    arr: [
+            { title: '如何置常驻工区?', text: '设定后将在首页置顶显示,方便调节', img: 'operation-work.png', url: '' },
+            { title: '如何获取碳积分?', text: '这是一句解释,这是一句解释', img: 'operation-carbon.png', url: '' },
+            { title: '如何预约加时?', text: '这是一句解释,这是一句解释', img: 'operation-time.png', url: '' }
+    ]
+
+  },
+  computed: {},
+  methods: {
+
+  },
+    // 生命周期 - 创建完成(可以访问当前this实例)
+  created() {
+
+  },
+    // 生命周期 - 挂载完成(可以访问DOM元素)
+  mounted() {
+
+  }
+})
+</script>
+<config>
+    {
+        navigationStyle:"custom",
+        backgroundColor: '#EBF5FA',
+        usingComponents: {
+            'page-top-bar': '~@/components/common/page-top-bar', 
+            'footer':'./footer'     
+        }
+    }
+
+</config>

+ 118 - 0
src/packagesEnv/pages/personalCenter/personalInfo.wpy

@@ -0,0 +1,118 @@
+<style lang='less' scoped>
+page{
+    height:100%;
+    background: #EBF5FA;
+}
+.personal-info{
+    padding-top: 40rpx;
+    padding-left: 24rpx;
+    padding-right: 22rpx;
+    .top-box{
+        width: 100%;
+        border-radius: 32rpx;
+        box-sizing: border-box;
+        background: #FFFFFF;
+        .top-item{
+            height:112rpx;
+            border-bottom: 2px solid #C4C9CF4D;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 0 40rpx;
+
+            .name{
+                font-family: PingFang SC;
+                font-size: 32rpx;
+                font-weight: 400;
+                line-height: 48rpx;
+                color: #1B2129;
+            }
+            .text{
+                font-family: PingFang SC;
+                font-size: 32rpx;
+                font-weight: 400;
+                line-height: 48rpx;
+                color: #626C78;
+            }
+            .imgst{
+                width: 96rpx;
+                height: 96rpx;
+                border: 2px;
+                background: #FFFFFF99;
+                border: 4rpx solid #FFFFFF99;
+            }
+        }
+        .top-item:first-child{
+            height:152rpx;
+        }
+        .top-item:last-child{
+            border-bottom: 0px;
+        }
+
+
+    }
+    .top-box:last-child{
+        margin-top:24rpx;
+    }
+
+}
+</style>
+<!-- 个人信息 -->
+<template>
+    <div class="personal-info">
+        <div class="top-box">
+            <div  v-for="item in  topArr" :key="item.name" class="top-item">
+                <div  class="name">{{item.name}}</div>
+                <image v-if="item.text == ''" src="{{h5StaticPath}}/{{ item.url }}" class="imgst" />
+                <div v-else  class="text">{{item.text}}</div>
+            </div>
+        </div>
+        <div class="top-box" >
+            <div  v-for="item in  nextArr" :key="item.name" class="top-item" style="height: 112rpx;">
+                <div class="name">{{item.name}}</div>
+                <div class="text">{{item.text}}</div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+
+import wepy from '@wepy/core'
+import config from '@/config'
+wepy.page({
+  props: {},
+  data: {
+    h5StaticPath: config.h5StaticPath + '/page-personalCenter',
+    topArr: [
+        {name: '头像', text: '', url: 'no-person.png'},
+        {name: '姓名', text: '尹亚琼', url: ''},
+        {name: '手机号', text: '186909090', url: ''}
+    ],
+    nextArr: [
+        {name: '岗位', text: 'UX设计师'},
+        {name: '所属', text: '上格云智能技术有限公司'}
+    ]
+  },
+  computed: {},
+  methods: {
+
+  },
+    // 生命周期 - 创建完成(可以访问当前this实例)
+  created() {
+
+  },
+    // 生命周期 - 挂载完成(可以访问DOM元素)
+  mounted() {
+
+  }
+})
+</script>
+<config>
+    {
+        'navigationBarBackgroundColor': '#EBF5FA',
+        backgroundColor: '#EBF5FA',
+        'navigationBarTitleText': '排行榜',
+    }
+
+</config>

+ 329 - 0
src/packagesEnv/pages/personalCenter/xiaosa.wpy

@@ -0,0 +1,329 @@
+<style lang='less' scoped>
+page {
+    height: 100%;
+    background: #ebf5fa;
+}
+.operating {
+    width: 654rpx;
+    padding-top: 244rpx;
+    padding-left: 56rpx;
+    padding-right: 56rpx;
+    padding-bottom: 66rpx;
+    height: 600rpx;
+    background: linear-gradient(
+        180deg,
+        rgba(61, 203, 204, 0.2) 0%,
+        rgba(61, 203, 204, 0) 100.34%
+    );
+    .title {
+        padding-bottom: 72rpx;
+        font-family: PingFang SC;
+        font-size: 48rpx;
+        font-weight: 600;
+        line-height: 68rpx;
+        color: rgba(27, 33, 41, 1);
+    }
+    .each-box {
+        .img-box {
+            width: 100%;
+            height: 360rpx;
+            margin-bottom: 64rpx;
+        }
+        .each-title {
+            margin-bottom: 64rpx;
+            height: 208rpx;
+            background: linear-gradient(
+                90deg,
+                rgba(61, 203, 204, 0.3) 0%,
+                rgba(61, 203, 204, 0) 100%
+            );
+            border-left: 3px solid #3dcbcc;
+            padding-left: 32rpx;
+            padding-top: 24rpx;
+            box-sizing: border-box;
+            .big-id {
+                font-family: Persagy2.0;
+                font-size: 44rpx;
+                font-weight: 600;
+                line-height: 64rpx;
+                color: #1b2129;
+            }
+            .big-title {
+                font-family: PingFang SC;
+                font-size: 16px;
+                font-weight: 600;
+                line-height: 24px;
+                color: #1b2129;
+            }
+            .titletop {
+                margin-bottom: 64rpx;
+                font-family: PingFang SC;
+                font-size: 16px;
+                font-weight: 600;
+                line-height: 28px;
+                color: #1b2129;
+            }
+        }
+        .each-child {
+            .child-title {
+                margin-top: 64rpx;
+                margin-bottom: 16rpx;
+                font-family: PingFang SC;
+                font-size: 32rpx;
+                font-weight: 600;
+                line-height: 56rpx;
+                color: #1b2129;
+            }
+            .child-text {
+                margin-bottom: 64rpx;
+                font-family: PingFang SC;
+                font-size: 32rpx;
+                font-weight: 400;
+                line-height: 56rpx;
+                color: #626c78;
+            }
+        }
+    }
+    .info {
+        height: 460rpx;
+        padding: 48rpx 40rpx 48rpx 40rpx;
+        box-sizing: border-box;
+        border-radius: 32rpx;
+        background: rgba(61, 203, 204, 0.2);
+        .info-title {
+            font-family: PingFang SC;
+            font-size: 32rpx;
+            font-weight: 600;
+            line-height: 48rpx;
+            color: rgba(27, 33, 41, 1);
+        }
+        .content {
+            margin-top: 48rpx;
+            margin-bottom: 48rpx;
+        }
+        .info-text {
+            font-family: PingFang SC;
+            font-size: 28rpx;
+            font-weight: 400;
+            line-height: 44rpx;
+            color: rgba(98, 108, 120, 1);
+            .highlight {
+                color: #1db1b2;
+            }
+        }
+    }
+    .pop {
+        .up-box {
+            text-align: center;
+            height: 100rpx;
+            padding: 13px 16px 13px 16px;
+            border-bottom: 16rpx solid #f1f4f6;
+            font-family: PingFang SC;
+            font-size: 32rpx;
+            font-weight: 400;
+            line-height: 100rpx;
+            color: #1db1b2;
+        }
+        .down-box {
+            text-align: center;
+            height: 180rpx;
+            padding-bottom: 80rpx;
+            font-family: PingFang SC;
+            font-size: 32rpx;
+            font-weight: 400;
+            line-height: 100rpx;
+            color: #8b949e;
+        }
+    }
+}
+</style>
+<!-- 操作指引 -->
+<template>
+    <page-top-bar icon="{{h5Static+'/page-top-bar/return-icon.svg'}}"></page-top-bar>
+    <div class="operating">
+        <div class="title">关心环境,更关心你</div>
+        <div
+            class="each-box"
+            v-for="item in arr"
+            :key="item.id"
+        >
+            <image
+                class="img-box"
+                src="{{h5StaticPath }}/{{item.img}}"
+            />
+            <div class="each-title">
+                <div class="big-id">{{item.id}}</div>
+                <div class="big-title">{{item.title }}</div>
+            </div>
+            <div
+                v-if="item.titletop"
+                class="titletop"
+            >{{ item.titletop }}</div>
+            <div
+                v-for="child in  item.content"
+                :key="child.title"
+                class="each-child"
+            >
+                <div
+                    class="child-title"
+                    v-if="child.title"
+                >{{ child.title }}</div>
+                <div class="child-text">{{ child.text }}</div>
+            </div>
+        </div>
+        <div>
+            <!-- 视频 -->
+        </div>
+        <div class="info">
+            <div class="info-title">
+                SagaCare – Care about you
+            </div>
+            <div class="content">
+                <div class="info-text">更多智慧办公解决方案请详询:</div>
+                <div
+                    class="info-text"
+                    @click="openPop(true)"
+                >电话: <span class="highlight">{{ phoneNum }}</span></div>
+                <div class="info-text">邮箱:{{ mailbox }} <span
+                        class="highlight"
+                        @click="handleCopy"
+                    >复制</span></div>
+            </div>
+            <div class="info-text">各版块解决方案内容均包含硬件实施、软件配置、定制化咨询服务</div>
+        </div>
+        <van-popup
+            custom-style="height: 20%"
+            round
+            :show="visibale"
+            position="bottom"
+            @close="visibale = false"
+        >
+            <div class="pop">
+                <div
+                    class="up-box"
+                    @click="handleCall"
+                >呼叫 {{ phoneNum }}</div>
+                <div
+                    class="down-box"
+                    @click="openPop(false)"
+                >取消</div>
+            </div>
+        </van-popup>
+    </div>
+</template>
+
+<script>
+
+import wepy from '@wepy/core'
+import config from '@/config'
+wepy.page({
+  props: {},
+  data: {
+    h5Static: config.h5StaticPath,
+    h5StaticPath: config.h5StaticPath + '/page-xiaosa',
+    mailbox: 'sagacloud@sagacloud.cn',
+    phoneNum: '16601113547',
+    // phoneNum: '010 - 62668202',
+    visibale: false,
+    arr: [
+      {
+        id: '01',
+        title: '痛!大的开放办公区,员工量大,冷热不均,过度用电',
+        img: 'xiaosa-01.png',
+        content: [
+                    { title: '您是否还在用传统的空调面板?', text: '空调面板一排排,随便调节后,不清楚调节的是什么位置的空调;调节后没有效果。' },
+                    { title: '您是否经常听到有员工说办公室太热了;而有员工又说办公室太冷了?', text: '每个员工的体感温度不同,所需要的温度也是不一样的,无法照顾到每一个人,总是有员工不满意。' },
+                    { title: '您是否经常发现办公区无人,照明仍然亮着?', text: '在阳光充足的情况下;午休的时间;下班后等,不需要照明,灯仍然亮着,能源浪费着。' }
+        ]
+      },
+      {
+        id: '02',
+        title: '痛!会议室管理不合理',
+        img: 'xiaosa-02.png',
+        content: [
+                    { title: '没有预约机制', text: '经常有员工反馈,要么空出来好多会议室,要么没有可使用的会议室。' },
+                    { title: '有预约机制', text: '有部分员工不做预约,直接使用,使用过程中,被赶出来;有部分员工预约时间比较久,实际开会时间很短,设备全开,无人使用。' }
+        ]
+      },
+      {
+        id: '03',
+        title: '难!老板间,要特殊关注',
+        img: 'xiaosa-03.png',
+        content: [
+                    { title: '无法做到单独对老板间管理', text: '相关设备智能开关,根据老板个人情况智能控制,提前做好准备,让老板无感且舒适。' }
+        ]
+      },
+      {
+        id: '04',
+        title: '难!节能减排、双碳、ESG、企业可持续发展',
+        img: 'xiaosa-04.png',
+        content: [
+                    { title: '', text: '低碳节能离不开全员的参与,而行为节能往往最不可控;' },
+                    { title: '', text: '碳排放源不管是直接排放、能源间接排放还是其他间接排放,很难实现自身企业运营过程中的减碳。' }
+        ]
+      },
+      {
+        id: '05',
+        title: '您所担忧的问题,我们都能解决',
+        img: 'xiaosa-05.png',
+        titletop: 'SagaCare智慧办公整体解决方案:',
+        content: [
+                    { title: '热舒适解决方案', text: '环境监测、空调个性化调节、空气质量管理等' },
+                    { title: '光环境解决方案', text: '照明、遮阳、光感控制,节能管理等' },
+                    { title: '智能会议室解决方案', text: '会议室预约、场景化控制、在室监测等' },
+                    { title: '无感通行解决方案', text: '人脸识别门禁、访客管理等' },
+                    { title: '…', text: '' }
+        ]
+      }
+    ]
+
+  },
+  computed: {},
+  methods: {
+    openPop(val) {
+      this.visibale = val
+    },
+    handleCall() {
+      let _this = this
+      wx.makePhoneCall({
+        phoneNumber: this.phoneNum,
+        complete() {
+          _this.openPop(false)
+        }
+      })
+    },
+    handleCopy() {
+      wx.setClipboardData({
+        data: this.mailbox,
+        success(res) {
+          wx.getClipboardData({
+            success(res) {
+              console.log(res.data) // data
+              wx.showToast({ title: '已复制', icon: 'none', duration: 1000 })
+            }
+          })
+        }
+      })
+    }
+  },
+    // 生命周期 - 创建完成(可以访问当前this实例)
+  created() {
+
+  },
+    // 生命周期 - 挂载完成(可以访问DOM元素)
+  mounted() {
+
+  }
+})
+</script>
+<config>
+    {
+        navigationStyle:"custom",
+        backgroundColor: '#EBF5FA',
+        usingComponents: {
+            'page-top-bar': '~@/components/common/page-top-bar', 
+            "van-popup": "module:@vant/weapp/dist/popup"
+        }
+    }
+
+</config>

+ 2 - 1
src/packagesEnv/pages/portrait/home.wpy

@@ -125,7 +125,7 @@ page {
 <template>
     <div class="page-container">
         <page-top-bar
-            icon="{{h5StaticPath+'/topBar/return-icon.svg'}}"
+            icon="{{h5Static+'/page-top-bar/return-icon.svg'}}"
         ></page-top-bar>
         <image
             class="bg"
@@ -204,6 +204,7 @@ wepy.page({
     carbonCreditText: '',
     pageTopBarTop: 0,
     h5StaticPath: config.h5StaticPath + '/page-portrait',
+    h5Static: config.h5StaticPath,
     totalPoints: 0,
 
     arr: [