diff --git a/epdc-resident-mp-yushan/subpages/family/images/no-family.png b/epdc-resident-mp-yushan/subpages/family/images/no-family.png new file mode 100644 index 0000000..b2246d2 Binary files /dev/null and b/epdc-resident-mp-yushan/subpages/family/images/no-family.png differ diff --git a/epdc-resident-mp-yushan/subpages/family/pages/index/index.js b/epdc-resident-mp-yushan/subpages/family/pages/index/index.js index 7eab5ce..c3e0be9 100644 --- a/epdc-resident-mp-yushan/subpages/family/pages/index/index.js +++ b/epdc-resident-mp-yushan/subpages/family/pages/index/index.js @@ -5,7 +5,7 @@ Page({ * 页面的初始数据 */ data: { - + showQr: true, }, /** @@ -19,6 +19,43 @@ Page({ url: '/subpages/family/pages/familyInfo/familyInfo', }) }, + cancel() { + this.setData({ + showQr: true, + }); + }, + comfirmSave() { + wx.downloadFile({ + url: this.data.info.qrCodeUrl, + success: function (res) { + let imageFilePath = res.tempFilePath; + wx.saveImageToPhotosAlbum({ + filePath: imageFilePath, + success: function (data) { + wx.showToast({ + title: '保存成功', + icon: 'none', + duration: 1500 + }); + }, + fail: function (res) { + wx.showToast({ + title: '保存失败', + icon: 'none', + duration: 1500 + }) + } + }) + }, + fail: (err) => { + wx.showToast({ + title: '下载失败', + icon: 'none', + duration: 1500 + }) + } + }) + }, /** * 生命周期函数--监听页面初次渲染完成 diff --git a/epdc-resident-mp-yushan/subpages/family/pages/index/index.wxml b/epdc-resident-mp-yushan/subpages/family/pages/index/index.wxml index 612c5bd..dfe15f3 100644 --- a/epdc-resident-mp-yushan/subpages/family/pages/index/index.wxml +++ b/epdc-resident-mp-yushan/subpages/family/pages/index/index.wxml @@ -1,50 +1,81 @@ - - - - - 金色海岸3号楼2单元501户 - - No.370252***00125 - + + + + + + {{ info.houseName }} + + No.{{ info.houseCode }} + + + + + + + + + + 我的“e家码” + - - - - + + No.{{ info.houseCode }} + + - 我的“e家码” - - - - - - 家庭成员 - - 明细 - + + + 家庭成员 + + + + - - - - - 姓名 - 成员关系 - 手机号 - 明细 + + + 姓名 + 成员关系 + 手机号 + 明细 + + + + 张三李四 + 户主 + 13388990099 + 查看 + + + 暂无成员 - - 张三李四 - 户主 - 13388990099 - 查看 + + + + 添加家庭成员 + + 暂无家庭信息 + + + \ No newline at end of file diff --git a/epdc-resident-mp-yushan/subpages/family/pages/noAccess/noAccess.wxml b/epdc-resident-mp-yushan/subpages/family/pages/noAccess/noAccess.wxml index d9f18ff..c116329 100644 --- a/epdc-resident-mp-yushan/subpages/family/pages/noAccess/noAccess.wxml +++ b/epdc-resident-mp-yushan/subpages/family/pages/noAccess/noAccess.wxml @@ -1,2 +1,4 @@ - -subpages/family/pages/noAccess/noAccess.wxml + + + 返回首页 + \ No newline at end of file diff --git a/epdc-resident-mp-yushan/subpages/family/pages/noAccess/noAccess.wxss b/epdc-resident-mp-yushan/subpages/family/pages/noAccess/noAccess.wxss index b8d3da3..d6e4915 100644 --- a/epdc-resident-mp-yushan/subpages/family/pages/noAccess/noAccess.wxss +++ b/epdc-resident-mp-yushan/subpages/family/pages/noAccess/noAccess.wxss @@ -1 +1,23 @@ -/* subpages/family/pages/noAccess/noAccess.wxss */ \ No newline at end of file +.no-family { + padding-top: 200rpx; +} +.no-family image { + display: block; + width: 506rpx; + margin: 0 auto; +} +.no-family .no-btn { + width: 220rpx; + height: 66rpx; + margin: 60rpx auto 0; + font-size: 32rpx; + color: #fff; + text-align: center; + line-height: 66rpx; + background-image: linear-gradient(90deg, #ca151d 0%, #e11c13 100%); + border-radius: 30rpx; + -webkit-border-radius: 30rpx; + -moz-border-radius: 30rpx; + -ms-border-radius: 30rpx; + -o-border-radius: 30rpx; +} \ No newline at end of file diff --git a/epdc-resident-mp-yushan/subpages/family/wxss/c-popForm.wxss b/epdc-resident-mp-yushan/subpages/family/wxss/c-popForm.wxss new file mode 100644 index 0000000..0248e43 --- /dev/null +++ b/epdc-resident-mp-yushan/subpages/family/wxss/c-popForm.wxss @@ -0,0 +1 @@ +@charset "UTF-8";.f-cb{float:none;clear:both;height:0}.f-cs::after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:""}.f-hide{display:none}.f-fl{float:left}.f-fr{float:right}.f-bs1{box-shadow:0 2rpx 8rpx 0 rgba(0,0,0,.1)}.f-bs2{box-shadow:0 4rpx 12rpx 0 rgba(0,0,0,.16)}.f-bs3{box-shadow:0 6rpx 18rpx 0 rgba(0,0,0,.22)}.f-blur{filter:blur(3px)}.f-shield{position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);backdrop-filter:blur(8rpx)}@keyframes fade_in{0%{opacity:0}100%{opacity:1}}@keyframes fade_in_up{0%{transform:translate3d(0,360rpx,0);opacity:.3}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade_in_down{0%{transform:translate3d(0,-360rpx),0;opacity:.3}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade_in_right{0%{transform:translate3d(360rpx,0,0);opacity:.3}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade_in_left{0%{transform:translate3d(-360rpx,0,0);opacity:.3}100%{transform:translate3d(0,0,0);opacity:1}}.a-fade-in{animation:fade_in .27s ease-in}.a-fade-in-up{animation:fade_in_up .27s ease-in}.a-fade-in-right{animation:fade_in_right .27s ease-in}.a-fade-in-left{animation:fade_in_left .27s ease-in}.a-fade-in-down{animation:fade_in_down .27s ease-in}@keyframes fade_out{0%{display:block;opacity:1}100%{display:block;opacity:0}}@keyframes fade_out_up{0%{display:block;transform:translate3d(0,0,0);opacity:1}100%{display:block;transform:translate3d(0,360rpx,0);opacity:0}}@keyframes fade_out_down{0%{display:block;transform:translate3d(0,0,0);opacity:1}100%{display:block;transform:translate3d(0,-360rpx,0);opacity:0}}@keyframes fade_out_right{0%{display:block;transform:translate3d(0,0,0);opacity:1}100%{display:block;transform:translate3d(360rpx,0,0);opacity:0}}@keyframes fade_out_left{0%{display:block;transform:translate3d(0);opacity:1}100%{display:block;transform:translate3d(-360rpx,0,0);opacity:0}}.a-fade-out{animation:fade_out .27s ease-out}.a-fade-out-up{animation:fade_out_up .27s ease-out}.a-fade-out-right{animation:fade_out_right .27s ease-out}.a-fade-out-left{animation:fade_out_left .27s ease-out}.a-fade-out-down{animation:fade_out_down .27s ease-out}@keyframes scale_in{0%{opacity:0;transform:scale3d(0,0,0)}100%{opacity:1;transform:scale3d(1,1,1)}}@keyframes scale_in_left_up{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale3d(0,0,0)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes scale_in_right_down{0%{opacity:0;transform:translate3d(50%,50%,0) scale3d(0,0,0)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes scale_in_right_up{0%{opacity:0;transform:translate3d(50%,-50%,0) scale3d(0,0,0)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes scale_in_left_down{0%{opacity:0;transform:translate3d(-50%,50%,0) scale3d(0,0,0)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}.a-scale-in{animation:scale_in .27s ease-in}.a-scale-in-left-up{animation:scale_in_left_up .27s ease-in}.a-scale-in-right-up{animation:scale_in_right_up .27s ease-in}.a-scale-in-left-down{animation:scale_in_left_down .27s ease-in}.a-scale-in-right-down{animation:scale_in_right_down .27s ease-in}.m-fm{position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);backdrop-filter:blur(8rpx);z-index:10000}.m-fm .fm{position:absolute;top:50%;left:0;right:0;margin:0 auto;width:630rpx;transform:translateY(-50%);box-sizing:border-box;padding:30rpx 40rpx;background-color:#fff;border-radius:20rpx;background-image:url(https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/20210907/a766bbce71b54c6985fdbd2a38d8fa5e.png);background-repeat:no-repeat;background-size:contain}.m-fm .fm .logo{margin:40rpx 0 0}.m-fm .fm .logo image{display:block;margin:0 auto;width:120rpx;height:120rpx;border-radius:50%}.m-fm .fm .logo .tag{position:relative;margin-top:-25rpx;text-align:center}.m-fm .fm .logo .tag text{display:inline-block;padding:0 15rpx;height:28rpx;line-height:28rpx;background:#e3271c;border-radius:14rpx;font-size:20rpx;font-family:Source Han Serif SC;font-weight:500;color:#fff}.m-fm .fm .title{margin-top:10rpx;text-align:center;font-size:34rpx;font-family:Source Han Serif SC;font-weight:500;color:#333;line-height:60rpx}.m-fm .fm .attr{font-size:22rpx;font-family:Source Han Serif SC;font-weight:400;color:#999;line-height:42rpx;text-align:center}.m-fm .fm .attr text{display:inline-block;margin:0 10rpx}.m-fm .fm .intro{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:10rpx auto;width:540rpx;font-size:34rpx;font-family:Source Han Serif SC;font-weight:400;color:#333;line-height:52rpx}.m-fm .fm .btn-close{position:absolute;top:0;right:0;padding:30rpx}.m-fm .fm .btn-close image{width:24rpx;height:24rpx}.m-fm .fm .input{display:block;box-sizing:border-box;padding:20rpx;width:550rpx;height:218rpx;background:#f7f7f7;border-radius:10rpx;margin:30rpx auto}.m-fm .fm .input textarea{box-sizing:border-box;display:block;margin:0 auto auto;padding:5rpx 0;width:100%;height:178rpx;line-height:45rpx;border-radius:20rpx;font-size:26rpx;font-family:Source Han Serif SC;font-weight:500;color:#333;line-height:42rpx}.m-fm .fm .input textarea .z-placeholder{white-space:normal;word-wrap:break-word;word-break:break-all;color:#999;font-weight:400}.m-fm .fm .operate{margin-top:30rpx;padding:15rpx 0;overflow:hidden}.m-fm .fm .operate .btn{margin:0 auto;box-sizing:border-box;width:170rpx;height:70rpx;background:#e3271c;border-radius:35rpx;color:#fff;text-align:center;line-height:70rpx;font-size:34rpx;font-family:Source Han Serif SC;font-weight:500} \ No newline at end of file diff --git a/epdc-resident-mp-yushan/subpages/family/wxss/family.wxss b/epdc-resident-mp-yushan/subpages/family/wxss/family.wxss index bc858d3..8120e09 100644 --- a/epdc-resident-mp-yushan/subpages/family/wxss/family.wxss +++ b/epdc-resident-mp-yushan/subpages/family/wxss/family.wxss @@ -1 +1 @@ -page{background:#fff}.f-top{position:relative;width:100%;height:200rpx;background:#e3271c;border-radius:0 0 30rpx 30rpx;-webkit-border-radius:0 0 30rpx 30rpx;-moz-border-radius:0 0 30rpx 30rpx;-ms-border-radius:0 0 30rpx 30rpx;-o-border-radius:0 0 30rpx 30rpx}.f-top .f-card{position:absolute;left:50%;bottom:-64rpx;display:flex;justify-content:space-between;align-items:center;width:690rpx;height:200rpx;margin-left:-345rpx;box-sizing:border-box;padding:28rpx 30rpx 18rpx;background-color:#fff;box-shadow:0 5rpx 32rpx 0 rgba(184,184,184,.25);border-radius:14rpx;-moz-border-radius:14rpx;-ms-border-radius:14rpx;-o-border-radius:14rpx;-webkit-border-radius:14rpx}.f-top .f-card .card-right{flex-shrink:0;margin-left:30rpx}.f-top .f-card .card-title{height:96rpx;font-family:PingFang-SC-Bold;font-size:34rpx;letter-spacing:1rpx;color:#020202;overflow:hidden}.f-top .f-card .card-num{display:flex;align-items:center;font-family:PingFang-SC-Medium;font-size:28rpx;letter-spacing:1rpx;color:#333}.f-top .f-card .card-num image{width:32rpx;height:18rpx}.f-top .f-card .card-qr{width:120rpx;height:120rpx;border:1rpx solid #eee}.f-top .f-card .card-qr image{display:block;width:100%;height:100%}.f-top .f-card .card-qr-name{margin-top:10rpx;font-family:PingFang-SC-Regular;font-size:22rpx;font-weight:400;font-stretch:normal;letter-spacing:1rpx;color:#333}.f-wr{width:100%;box-sizing:border-box;padding:100rpx 20rpx 0}.title-right,.title-wr{display:flex;align-items:center}.title-wr{justify-content:space-between;padding:28rpx 0;border-bottom:1rpx solid #e7eeee}.title-wr .title-label{position:relative;padding-left:25rpx;font-family:PingFang-SC-Bold;font-size:34rpx;font-weight:400;font-stretch:normal;letter-spacing:0;color:#333}.title-wr .title-label::after{content:'';position:absolute;top:50%;left:0;width:6rpx;height:30rpx;margin-top:-15rpx;background-color:#e60000;border-radius:3rpx;-webkit-border-radius:3rpx;-moz-border-radius:3rpx;-ms-border-radius:3rpx;-o-border-radius:3rpx}.title-wr .title-right-label{font-family:PingFang-SC-Light;font-size:26rpx;font-weight:400;font-stretch:normal;color:#999}.title-wr .right-icon{width:30rpx;height:30rpx}.f-table{background-color:#fbfbfb}.f-table .table-cell{display:flex;align-items:center;padding:26rpx 0;border:solid 1rpx #e3e3e3;border-top:0;font-family:PingFang-SC-Regular;font-size:30rpx;color:#000003}.f-table .table-cell .table-col{flex:1;text-align:center;line-height:1}.f-table .table-cell .table-col-4{color:#dd2a2a}.f-table .table-header{background:#f1f1f1;border:0;font-family:PingFang-SC-Regular;font-size:28rpx;color:#666}.mt40{margin-top:40rpx} \ No newline at end of file +page{background:#fff;box-sizing:border-box}.f-container{width:100%;box-sizing:border-box}.f-top{position:relative;width:100%;height:200rpx;background:#e3271c;border-radius:0 0 30rpx 30rpx;-webkit-border-radius:0 0 30rpx 30rpx;-moz-border-radius:0 0 30rpx 30rpx;-ms-border-radius:0 0 30rpx 30rpx;-o-border-radius:0 0 30rpx 30rpx}.f-top .flex-view{display:flex;justify-content:space-between}.f-top .f-card{position:absolute;left:50%;bottom:-64rpx;width:690rpx;height:200rpx;margin-left:-345rpx;box-sizing:border-box;padding:28rpx 30rpx 18rpx;background-color:#fff;box-shadow:0 5rpx 32rpx 0 rgba(184,184,184,.25);overflow:hidden;border-radius:14rpx;-moz-border-radius:14rpx;-ms-border-radius:14rpx;-o-border-radius:14rpx;-webkit-border-radius:14rpx}.f-top .f-card .card-right{flex-shrink:0;margin-left:30rpx}.f-top .f-card .card-title{height:96rpx;font-family:PingFang-SC-Bold;font-size:34rpx;letter-spacing:1rpx;color:#020202;overflow:hidden}.f-top .f-card .card-num{display:flex;align-items:center;font-family:PingFang-SC-Medium;font-size:28rpx;letter-spacing:1rpx;color:#333;overflow:hidden}.f-top .f-card .card-num image{flex-shrink:0;width:32rpx;height:18rpx}.f-top .f-card .card-qr{width:120rpx;height:120rpx;border:1rpx solid #eee}.f-top .f-card .card-qr image{display:block;width:100%;height:100%}.f-top .f-card .card-qr-long{width:100rpx;height:100rpx}.f-top .f-card .card-qr-name{font-family:PingFang-SC-Regular;font-size:22rpx;font-weight:400;font-stretch:normal;letter-spacing:1rpx;color:#333}.f-wr{width:100%;box-sizing:border-box;padding:100rpx 20rpx 0}.title-right,.title-wr{display:flex;align-items:center}.title-wr{justify-content:space-between;padding:28rpx 0;border-bottom:1rpx solid #e7eeee}.title-wr .title-label{position:relative;padding-left:25rpx;font-family:PingFang-SC-Bold;font-size:34rpx;font-weight:400;font-stretch:normal;letter-spacing:0;color:#333}.title-wr .title-label::after{content:'';position:absolute;top:50%;left:0;width:6rpx;height:30rpx;margin-top:-15rpx;background-color:#e60000;border-radius:3rpx;-webkit-border-radius:3rpx;-moz-border-radius:3rpx;-ms-border-radius:3rpx;-o-border-radius:3rpx}.title-wr .title-right-label{font-family:PingFang-SC-Light;font-size:26rpx;font-weight:400;font-stretch:normal;color:#999}.title-wr .right-icon{width:30rpx;height:30rpx}.f-table{background-color:#fbfbfb}.f-table .table-cell{display:flex;align-items:center;padding:26rpx 0;border:solid 1rpx #e3e3e3;border-top:0;font-family:PingFang-SC-Regular;font-size:30rpx;color:#000003}.f-table .table-cell .table-col{flex:1;text-align:center;line-height:1}.f-table .table-cell .table-col-4{color:#dd2a2a}.f-table .table-header{background:#f1f1f1;border:0;font-family:PingFang-SC-Regular;font-size:28rpx;color:#666}.f-btns{display:flex;align-items:center;padding:30rpx 0}.f-btns .f-btns-icon{width:30rpx;height:30rpx;font-size:28rpx;color:#dd2a2a;text-align:center;line-height:30rpx;border:1rpx solid #dd2a2a;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.f-btns .f-btns-label{margin-left:10rpx;font-size:28rpx;color:#dd2a2a}.mt40{margin-top:40rpx}.mt16{margin-top:16rpx}.no-data{font-size:28rpx;color:#999;text-align:center;line-height:300rpx}.m-fm .fm{top:500rpx;width:600rpx;padding:0 0 40rpx 0;background:#fff;overflow:hidden}.m-fm .fm .btn-close{top:27rpx;padding:0 30rpx;font-size:36rpx;color:#fff;line-height:90rpx}.m-fm .fm .btn-close image{display:block;width:36rpx;height:36rpx}.m-fm .fm .fm-btn{width:240rpx;height:54rpx;margin:20rpx auto 0;font-family:PingFang-SC-Medium;font-size:28rpx;font-weight:400;font-stretch:normal;letter-spacing:0;color:#999;text-align:center;line-height:54rpx;border-radius:27rpx;border:solid 1rpx #eee;-webkit-border-radius:27rpx;-moz-border-radius:27rpx;-ms-border-radius:27rpx;-o-border-radius:27rpx}.m-fm .fm-header{width:100%;height:90rpx;margin-bottom:20rpx;text-align:center;line-height:90rpx;font-family:PingFang-SC-Bold;font-size:32rpx;color:#fff;background-image:linear-gradient(90deg,#ca151d 0,#e11c13 100%)}.m-fm .fm-qr{width:400rpx;height:400rpx;box-sizing:border-box;margin:0 auto}.m-fm .fm-qr image{display:block;width:100%;height:100%}.no-family{padding-top:200rpx}.no-family image{display:block;width:506rpx;margin:0 auto}.no-family .no-btn{width:220rpx;height:66rpx;margin:60rpx auto 0;font-size:32rpx;color:#fff;text-align:center;line-height:66rpx;background-image:linear-gradient(90deg,#ca151d 0,#e11c13 100%);border-radius:30rpx;-webkit-border-radius:30rpx;-moz-border-radius:30rpx;-ms-border-radius:30rpx;-o-border-radius:30rpx} \ No newline at end of file