Compare commits
2 Commits
| Author | SHA1 | Date |
|---|---|---|
 zengwei
|
9449f77e35 | 2 years ago |
 Wkang921
|
81b001208a | 2 years ago |
@ -0,0 +1,40 @@
|
||||
|
||||
Component({
|
||||
relations: {
|
||||
'./popover': {
|
||||
type: 'parent'
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
// 是否有底线
|
||||
hasline: {
|
||||
type: Boolean,
|
||||
value: false
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
// 每项的高度
|
||||
height: 40
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
onClick: function() {
|
||||
let { index } = this.properties;
|
||||
let eventDetail = {
|
||||
index: index
|
||||
};
|
||||
let eventOption = {};
|
||||
this.triggerEvent('tap', eventDetail, eventOption);
|
||||
}
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
<view class='popover-item {{hasline ? "underline" : ""}}' hover-class='popover-item-hover' catchtap='onClick' style='height:{{height}}px;line-height:{{height}}px;'>
|
||||
<slot/>
|
||||
</view>
|
||||
@ -0,0 +1,14 @@
|
||||
.popover-item {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.popover-item-hover {
|
||||
background-color: #EEE;
|
||||
}
|
||||
.underline{
|
||||
border-bottom:1px #EEE solid;
|
||||
}
|
||||
@ -0,0 +1,99 @@
|
||||
const { windowWidth, windowHeight } = wx.getSystemInfoSync();
|
||||
|
||||
// 三角形箭头的高度
|
||||
const trangleHeight = 12;
|
||||
|
||||
Component({
|
||||
relations: {
|
||||
'./popover-item': {
|
||||
type: 'child'
|
||||
}
|
||||
},
|
||||
|
||||
data: {
|
||||
// 当前显隐状态
|
||||
visible: false,
|
||||
// popover 宽
|
||||
pw: 100,
|
||||
// popover 高
|
||||
ph: 120,
|
||||
// popover 距左距离
|
||||
px: 0,
|
||||
// popover 距上距离
|
||||
py: 0,
|
||||
// 垂直方向 top/bottom
|
||||
vertical: '',
|
||||
// 水平方向 left/center/right
|
||||
align: ''
|
||||
},
|
||||
|
||||
methods: {
|
||||
onDisplay: function(e) {
|
||||
let self = this;
|
||||
|
||||
if (self.last && self.last === e.id) {
|
||||
self.setData({
|
||||
visible: !self.data.visible
|
||||
});
|
||||
} else {
|
||||
wx.createSelectorQuery().selectViewport().scrollOffset(view => {
|
||||
let { pw, ph, px, py, vertical, align } = self.data;
|
||||
|
||||
let pOverW = (pw - e.width) / 2;
|
||||
|
||||
let offsetL = e.left,
|
||||
offsetR = windowWidth - e.right,
|
||||
offsetB = windowHeight - e.bottom;
|
||||
|
||||
if (offsetL >= pOverW && offsetR >= pOverW) {
|
||||
align = 'center';
|
||||
px = e.left - pOverW;
|
||||
} else if (offsetL > pOverW && offsetR < pOverW) {
|
||||
align = 'left';
|
||||
px = windowWidth - (offsetR + pw);
|
||||
// 如果向右贴边了，设置一点距离
|
||||
if ((windowWidth - pw) == px) px -= 5;
|
||||
} else if (offsetL < pOverW && offsetR > pOverW) {
|
||||
align = 'right';
|
||||
px = e.left;
|
||||
// 如果向左贴边了，设置一点距离
|
||||
if (px == 0) px += 5;
|
||||
}
|
||||
|
||||
if (offsetB >= (ph + trangleHeight)) {
|
||||
vertical = 'bottom';
|
||||
py = view.scrollTop + e.bottom + trangleHeight;
|
||||
} else {
|
||||
vertical = 'top';
|
||||
py = view.scrollTop + e.top - ph - trangleHeight;
|
||||
}
|
||||
|
||||
self.setData({
|
||||
visible: true,
|
||||
px: px,
|
||||
py: py,
|
||||
ph: self.getItemsHeight(),
|
||||
vertical: vertical,
|
||||
align: align
|
||||
});
|
||||
}).exec();
|
||||
}
|
||||
// 记录上一次点击的元素
|
||||
self.last = e.id;
|
||||
},
|
||||
onHide: function() {
|
||||
this.setData({
|
||||
visible: false
|
||||
});
|
||||
},
|
||||
// 获取所有子元素
|
||||
getItems: function() {
|
||||
return this.getRelationNodes('./popover-item');
|
||||
},
|
||||
// 获取所有子元素的总高度
|
||||
getItemsHeight() {
|
||||
return this.getItems().map(item => item.data.height).reduce((a, b) => a + b, 0);
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
<view
|
||||
wx:if='{{visible}}'
|
||||
class='popover-view {{vertical}} {{align}}'
|
||||
style='width:{{pw}}px;height:{{ph}}px;left:{{px}}px;top:{{py}}px;'>
|
||||
<slot />
|
||||
</view>
|
||||
@ -0,0 +1,40 @@
|
||||
.popover-view {
|
||||
position: absolute;
|
||||
background-color: white;
|
||||
box-shadow: 0 0 2px 2px #ddd;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
/* 实现三角形 */
|
||||
.popover-view::before {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0px;
|
||||
content: '';
|
||||
border-style: solid;
|
||||
border-width: 6px;
|
||||
border-color: #fff #fff transparent transparent;
|
||||
box-shadow: 2px -2px 2px #ddd;
|
||||
}
|
||||
/* 上 */
|
||||
.popover-view.top::before {
|
||||
bottom: -6px;
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
/* 下 */
|
||||
.popover-view.bottom::before {
|
||||
top: -6px;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
/* 左 */
|
||||
.popover-view.left::before {
|
||||
right: 20px;
|
||||
}
|
||||
/* 中 */
|
||||
.popover-view.center::before {
|
||||
left: 47px;
|
||||
}
|
||||
/* 右 */
|
||||
.popover-view.right::before {
|
||||
left: 20px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 758 KiB |
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,66 @@
|
||||
// pages/home/jl/jlai.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,2 @@
|
||||
<!--pages/home/jl/jlai.wxml-->
|
||||
<text>pages/home/jl/jlai.wxml</text>
|
||||
@ -0,0 +1 @@
|
||||
/* pages/home/jl/jlai.wxss */
|
||||
@ -1,151 +1,91 @@
|
||||
<!--pages/home/me/indexx.wxml-->
|
||||
<view class="scroll">
|
||||
<image class="avatar" src="{{userInfo.avatar ? userInfo.avatar : list['elf-avatar']}}" />
|
||||
<view class="xxt"></view><!--星星背景图片-->
|
||||
<view class="txk" bindtap="go2Grzl"></view><!--头像框-->
|
||||
<view class="txkx" bindtap="go2Grzl"> </view><!--头像框里面的图标-->
|
||||
<view class="nickname">{{userInfo.nick}}</view><!--用户昵称-->
|
||||
<view class="unhybs" wx:if="{{!userInfo.isChatVip}}" bindtap="go2Member"></view><!--非会员图标-->
|
||||
<view class="hydqr" wx:if="{{!userInfo.isChatVip}}"> 开通VIP会员</view><!--非会员提示-->
|
||||
<view class="hybs" wx:if="{{userInfo.isChatVip}}" bindtap="go2Member"></view><!--会员图标-->
|
||||
<view class="hydqr" wx:if="{{userInfo.isChatVip}}"> 还有{{deadline}}天到期</view><!--会员提示-->
|
||||
<t-avatar class="avatar" size="large" image="{{userInfo.avatar}}" />
|
||||
<view class="xxt"></view><!--星星背景图片-->
|
||||
<view class="txk" bindtap="go2Grzl"></view><!--头像框-->
|
||||
<view class="txkx" bindtap="go2Grzl"> </view><!--头像框里面的图标-->
|
||||
<view class="nickname">{{userInfo.nick}}</view><!--用户昵称-->
|
||||
<view class="unhybs" wx:if="{{!userInfo.isChatVip}}" bindtap="go2Member"> </view><!--非会员图标-->
|
||||
<view class="hybs" wx:if="{{userInfo.isChatVip}}" bindtap="go2Member2"> </view><!--会员图标-->
|
||||
<view class="hydqr" wx:if="{{userInfo.isChatVip}}"> 还有21天到期</view><!--会员图标-->
|
||||
|
||||
<view class="gnk">
|
||||
<view class="smst" >说明书</view>
|
||||
<view class="jrsqt">我的设备</view>
|
||||
<view class="wdsbt">加入社群</view>
|
||||
<view class="sx"></view>
|
||||
<view class="circle k1" bindtap="go2Manual">
|
||||
<view class="sms"></view>
|
||||
</view>
|
||||
<view class="circle k2" bindtap="go2Sq">
|
||||
<view class="sq"></view>
|
||||
</view>
|
||||
<view class="circle k3" bindtap="go2Device">
|
||||
<view class="sb"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!--功能操作框-->
|
||||
<view class="mycell" bindtap="ljXzjl" >
|
||||
<!-- <t-cell hover arrow bindtap="go2Gw">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-triangles.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >了解星座精灵</text>
|
||||
</t-cell> -->
|
||||
<t-cell hover bindtap="doBdsjh" >
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-phone.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >绑定手机号</text>
|
||||
<text slot="note" wx:if="{{userInfo.hasPhone}}">{{userInfo.phone}}</text>
|
||||
</t-cell>
|
||||
<!-- <t-cell hover arrow bindtap="go2Cjwt">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-help%402x.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >常见问题</text>
|
||||
</t-cell> -->
|
||||
<t-cell hover arrow bindtap="go2Yjfk">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-edit%402x.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >意见反馈</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow bindtap="go2Yhsyxy">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-editor%402x.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >用户使用协议</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow bindtap="go2Ysxy">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-audit%402x.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >隐私协议</text>
|
||||
</t-cell>
|
||||
<t-cell hover>
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-layers%402x.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >小程序版本</text>
|
||||
<text slot="note" >V1.0</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow bindtap="go2Jcjb" wx:if="{{userInfo.loverId}}">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/myqcloud.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >解除羁绊</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow bindtap="closeLogout">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-logout%402x.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >退出登录</text>
|
||||
</t-cell>
|
||||
<view class="meempty"></view>
|
||||
<t-toast id="t-toast" />
|
||||
|
||||
<t-dialog id="t-dialog" />
|
||||
</view>
|
||||
<view class="gnk">
|
||||
<!-- <view class="smst" >说明书</view> -->
|
||||
<!-- <view class="jrsqt">加入社群</view> -->
|
||||
<view class="wdsbt">我的设备</view>
|
||||
<view class="sx"></view>
|
||||
<!-- <view class="circle k1" bindtap="go2Manual"> -->
|
||||
<!-- <view class="sms"></view>
|
||||
</view> -->
|
||||
<view class="circle k2" bindtap="go2Device">
|
||||
<view class="sq"></view>
|
||||
</view>
|
||||
<!-- <view class="circle k3" bindtap="go2Sq">
|
||||
<view class="sb"></view>
|
||||
</view> -->
|
||||
</view>
|
||||
<!--功能操作框-->
|
||||
<view class="mycell" bindtap="ljXzjl" >
|
||||
<!-- <t-cell hover arrow bindtap="go2Gw">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-triangles.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >了解星座精灵</text>
|
||||
</t-cell> -->
|
||||
<t-cell hover bindtap="doBdsjh" >
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-phone.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >绑定手机号</text>
|
||||
<text slot="note" wx:if="{{userInfo.hasPhone}}">{{userInfo.phone}}</text>
|
||||
</t-cell>
|
||||
<!-- <t-cell hover arrow bindtap="go2Cjwt">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-help%402x.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >常见问题</text>
|
||||
</t-cell> -->
|
||||
<t-cell hover arrow bindtap="go2Yjfk">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-edit%402x.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >意见反馈</text>
|
||||
</t-cell>
|
||||
<!-- <t-cell hover arrow bindtap="go2Yhsyxy">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-editor%402x.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >用户使用协议</text>
|
||||
</t-cell> -->
|
||||
<!-- <t-cell hover arrow bindtap="go2Ysxy">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-audit%402x.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >隐私协议</text>
|
||||
</t-cell> -->
|
||||
<t-cell hover>
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-layers%402x.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >小程序版本</text>
|
||||
<text slot="note" >V1.0</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow bindtap="go2Jcjb" wx:if="{{userInfo.loverId}}">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/myqcloud.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >解除羁绊</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow bindtap="logout">
|
||||
<t-icon slot="left-icon" name="https://wish-assets.windymuse.com.cn/xy/iconPark-logout%402x.png" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >退出登录</text>
|
||||
</t-cell>
|
||||
<view class="meempty"></view>
|
||||
<t-toast id="t-toast" />
|
||||
|
||||
<!-- 绑定手机号码 -->
|
||||
<view class="bdsjhVisible" wx:if="{{bdsjhVisible}}">
|
||||
<view class="bdsjh" wx:if="{{showPhone}}">
|
||||
<view class="bdsjhm1" wx:if="{{isHavePhone}}">更改手机号码</view>
|
||||
<view class="bdsjhm1" wx:else>验证手机号码</view>
|
||||
<view class="bdsjhm2" wx:if="{{isHavePhone}}">如设备丢失，可凭手机号码找回账号</view>
|
||||
<view class="bdsjhm2" wx:else>请勿将验证码告知他人</view>
|
||||
<view class="sjhm1">手机号码</view>
|
||||
<view class="input-example sjhminput1">
|
||||
<t-input model:value="{{phone}}" bindblur="getPhone" placeholder="请输入手机号" />
|
||||
</view>
|
||||
<view class="sjhbkx"></view>
|
||||
|
||||
<view class="yzm1">验证码</view>
|
||||
<view class="input-example sjhminput2">
|
||||
<t-input
|
||||
model:value="{{phoneVerificationCode}}"
|
||||
bindblur="getVerificationCode"
|
||||
placeholder="请输入验证码"
|
||||
class="phoneCode"
|
||||
/>
|
||||
<view class="cxhq" bindtap="getCode">{{isCxHq?countdown:'立即获取'}}</view>
|
||||
</view>
|
||||
<view class="yzmbkx"></view>
|
||||
<view class="bdsjh-btn">
|
||||
<view class="qxSjh" bindtap="doCancelSjh">取消</view>
|
||||
<view class="wcSjh" bindtap="doEXecSjh">完成</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 绑定成功提示 -->
|
||||
<view class="bd-success" wx:if="{{bdSuccess}}">
|
||||
<view class="bd-success-text">
|
||||
<view class="text1">已成功绑定</view>
|
||||
<view class="text2">可在我的设备中查看</view>
|
||||
</view>
|
||||
<view class="bd-success-btn">
|
||||
<view class="btn" bindtap="bdSuccessBtn">好的</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 手机号码已存在 -->
|
||||
<view class="exist-phone" wx:if="{{existPhone}}">
|
||||
<view class="exist-phone-text1">此手机号已存在</view>
|
||||
<view class="exist-phone-text2">如设备丢失，可在此页面找回账号</view>
|
||||
<view class="exist-phone-text3">如需要绑定新设备请点击下方选项</view>
|
||||
<view class="exist-phone-btn"><view class="btn" bindtap="findData">找回账号数据</view></view>
|
||||
<view class="exist-phone-btn"><view class="btn" bindtap="bindinNewPhone">绑定新设备</view></view>
|
||||
<view class="exist-phone-btn"><view class="btn" bindtap="closeExistPhone">取消</view></view>
|
||||
</view>
|
||||
|
||||
<!-- 找回账号数据 -->
|
||||
<view class="exist-phone" wx:if="{{findAccount}}">
|
||||
<view class="exist-phone-text1">找回账号数据</view>
|
||||
<view class="exist-phone-text4">为保护用户数据隐私</view>
|
||||
<view class="exist-phone-text5">找回操作将会使[原设备]失效</view>
|
||||
<view class="exist-phone-text5">找回后，只有新设备可登录账号</view>
|
||||
<view class="exist-phone-text5">此操作将无法撤销</view>
|
||||
<view class="exist-phone-text5">确定要找回吗？</view>
|
||||
<view class="exist-btn">
|
||||
<view class="btn" bindtap="closeFindData">取消</view>
|
||||
<view class="btn" bindtap="retrieveAccount">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
<t-dialog id="t-dialog" />
|
||||
</view>
|
||||
|
||||
<!-- 退出登入 -->
|
||||
<view class="logout" wx:if="{{openLogout}}">
|
||||
<view class="logout-box">
|
||||
<view class="logout-box-text">确定要退出登录吗？</view>
|
||||
<view class="logout-box-btn">
|
||||
<view class="btn" bindtap="closeLogout">取消</view>
|
||||
<view class="btn" bindtap="logout">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<t-popup visible="{{bdsjhVisible}}" placement="center">
|
||||
<view class="bdsjh">
|
||||
<view class="bdsjhm1">绑定手机号码</view>
|
||||
<view class="bdsjhm2">如设备丢失，可凭手机号码找回账号</view>
|
||||
<view class="sjhm1">手机号码</view>
|
||||
<view class="yzm1">验证码</view>
|
||||
<view class="input-example sjhminput1">
|
||||
<t-input model:value="{{phone}}" bindblur="getPhone" placeholder="请输入手机号" />
|
||||
</view>
|
||||
<view class="input-example sjhminput2">
|
||||
<t-input model:value="{{phoneVerificationCode}}" bindblur="getVerificationCode" placeholder="请输入验证码" />
|
||||
</view>
|
||||
<view class="sjhbkx"></view>
|
||||
<view class="yzmbkx"></view>
|
||||
<view class="cxhq" bindtap="getCode">{{isCxHq?countdown:'立即获取'}}</view>
|
||||
<view class="qxSjh" bindtap="doCancelSjh">取消</view>
|
||||
<view class="wcSjh" bindtap="doEXecSjh">完成</view>
|
||||
</view>
|
||||
</t-popup>
|
||||
|
||||
@ -1,354 +1 @@
|
||||
/* pages/home/me/manual/manual.wxss */
|
||||
view {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.color {
|
||||
color: #F8632A;
|
||||
}
|
||||
|
||||
.btm {
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.btop {
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
.manual-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 88rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.manual-header {
|
||||
width: 100%;
|
||||
height: 88rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.header-reback{
|
||||
margin-left: 20rpx;
|
||||
width:48rpx;
|
||||
height:48rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/reback.png);
|
||||
}
|
||||
|
||||
.manual-box {
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.manual-main {
|
||||
width: 100%;
|
||||
padding: 32rpx 62rpx 0 62rpx;
|
||||
box-sizing: border-box;
|
||||
font-size: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.main-box1 {
|
||||
color: rgba(248, 99, 42, 1);
|
||||
margin-bottom: 10rpx;
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.main-box2 {
|
||||
width: 100%;
|
||||
padding-left: 28rpx;
|
||||
margin-top: 16rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main-box2-left {
|
||||
width: 52rpx;
|
||||
height: 82rpx;
|
||||
margin-right: 14rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/one.png);
|
||||
}
|
||||
|
||||
.main-box2-right {
|
||||
padding-top: 16rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.main-box3 {
|
||||
margin-top: 32rpx;
|
||||
width: 356rpx;
|
||||
height: 770rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-1.png);
|
||||
}
|
||||
|
||||
.main-box4 {
|
||||
width: 100%;
|
||||
padding-left: 94rpx;
|
||||
box-sizing: border-box;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
.main-box5 {
|
||||
width: 100%;
|
||||
padding-left: 28rpx;
|
||||
margin-top:48rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main-box5-left {
|
||||
width: 52rpx;
|
||||
height: 82rpx;
|
||||
margin-right: 14rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/two.png);
|
||||
}
|
||||
|
||||
.main-box5-right {
|
||||
padding-top: 16rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.main-box6 {
|
||||
margin-top: 32rpx;
|
||||
width: 356rpx;
|
||||
height: 770rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-2.png);
|
||||
}
|
||||
|
||||
.main-box7 {
|
||||
width: 100%;
|
||||
padding-left: 94rpx;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
.main-box27 {
|
||||
width: 100%;
|
||||
padding-left: 94rpx;
|
||||
}
|
||||
|
||||
.main-box8 {
|
||||
width: 100%;
|
||||
padding-left: 28rpx;
|
||||
margin-top: 48rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main-box8-left {
|
||||
width: 52rpx;
|
||||
height: 82rpx;
|
||||
margin-right: 14rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/three.png);
|
||||
}
|
||||
|
||||
.main-box8-right {
|
||||
padding-top: 16rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.main-box9 {
|
||||
margin-top: 32rpx;
|
||||
width: 356rpx;
|
||||
height: 770rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-3.png);
|
||||
}
|
||||
|
||||
.main-box10 {
|
||||
width: 100%;
|
||||
padding-left: 28rpx;
|
||||
margin-top: 48rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main-box10-left {
|
||||
width: 52rpx;
|
||||
height: 82rpx;
|
||||
margin-right: 14rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/four.png);
|
||||
}
|
||||
|
||||
.main-box10-right {
|
||||
padding-top: 16rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.main-box11 {
|
||||
margin-top: 32rpx;
|
||||
width: 356rpx;
|
||||
height: 770rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-4.png);
|
||||
}
|
||||
|
||||
.main-box12 {
|
||||
width: 100%;
|
||||
padding-left: 94rpx;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
.main-box13 {
|
||||
margin-top: 32rpx;
|
||||
width: 356rpx;
|
||||
height: 770rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-5.png);
|
||||
}
|
||||
|
||||
.main-box14 {
|
||||
width: 100%;
|
||||
padding-left: 94rpx;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
.main-box15 {
|
||||
width: 100%;
|
||||
padding-left: 94rpx;
|
||||
margin-top: 48rpx;
|
||||
}
|
||||
|
||||
.main-box16 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.main-box16 .img1 {
|
||||
width: 310rpx;
|
||||
height: 674rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-6.png);
|
||||
}
|
||||
|
||||
.main-box16 .img2 {
|
||||
width: 310rpx;
|
||||
height: 674rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-7.png);
|
||||
}
|
||||
|
||||
.main-box17 {
|
||||
width: 100%;
|
||||
padding-left: 94rpx;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
.main-box18 {
|
||||
margin-top: 32rpx;
|
||||
width: 356rpx;
|
||||
height: 770rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-8.png);
|
||||
}
|
||||
|
||||
.main-box19 {
|
||||
width: 100%;
|
||||
padding-left: 28rpx;
|
||||
margin-top: 48rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main-box19-left {
|
||||
width: 52rpx;
|
||||
height: 82rpx;
|
||||
margin-right: 14rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/five.png);
|
||||
}
|
||||
|
||||
.main-box19-right {
|
||||
padding-top: 16rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.main-box20 {
|
||||
margin-top: 32rpx;
|
||||
width: 356rpx;
|
||||
height: 770rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-9.png);
|
||||
}
|
||||
|
||||
.main-box21 {
|
||||
width: 100%;
|
||||
padding-left: 28rpx;
|
||||
margin-top: 48rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main-box21-left {
|
||||
width: 52rpx;
|
||||
height: 82rpx;
|
||||
margin-right: 14rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/six.png);
|
||||
}
|
||||
|
||||
.main-box21-right {
|
||||
padding-top: 16rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.main-box22 {
|
||||
margin-top: 32rpx;
|
||||
width: 356rpx;
|
||||
height: 770rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-10.png);
|
||||
}
|
||||
|
||||
.main-box23 {
|
||||
width: 100%;
|
||||
padding-left: 94rpx;
|
||||
}
|
||||
|
||||
.main-box24 {
|
||||
margin-top: 32rpx;
|
||||
width: 356rpx;
|
||||
height: 770rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-11.png);
|
||||
}
|
||||
|
||||
.main-box25 {
|
||||
width: 100%;
|
||||
padding-left: 28rpx;
|
||||
margin-top: 48rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main-box25-left {
|
||||
width: 52rpx;
|
||||
height: 82rpx;
|
||||
margin-right: 14rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/seven.png);
|
||||
}
|
||||
|
||||
.main-box25-right {
|
||||
padding-top: 16rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.main-box26 {
|
||||
margin: 32rpx 0 150rpx 0;
|
||||
width: 356rpx;
|
||||
height: 770rpx;
|
||||
background-size: cover;
|
||||
background-image: url(https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/instructions-img-12.png);
|
||||
}
|
||||
/* pages/home/me/manual/manual.wxss */
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"t-toast": "tdesign-miniprogram/toast/toast"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,26 @@
|
||||
<!--返回图标-->
|
||||
<view class="reback" bindtap="go2Reback"></view>
|
||||
<view class="title">VIP会员</view>
|
||||
<view class="sftp"></view><!--上方图片-->
|
||||
<!--底部图片-->
|
||||
<view class="hybt"></view>
|
||||
<view class="hgpng"></view><!--皇冠图标-->
|
||||
<view class="question" bindtap="tQuest"></view><!--问号图标-->
|
||||
|
||||
<t-toast id="t-toast" /><!--弹出问号图标-->
|
||||
<view class="hybtn" bindtap="doKtHy">开通会员</view>
|
||||
<view class="viphyqy">VIP会员权益</view>
|
||||
<view class="introd">
|
||||
<view>1、星座精灵AI服务无限次畅聊</view>
|
||||
<view>2、不定期商品及新品折扣优惠</view>
|
||||
<view>3、 其他权益陆续增加中......</view>
|
||||
</view>
|
||||
<view class="zhytxt">周会员</view>
|
||||
<view class="yhytxt">月会员</view>
|
||||
<view class="hydqr">您的会员将于 2023年5月20日到期</view>
|
||||
|
||||
<view class="week1" wx:if="{{yhy}}" bindtap="go2Week"><text class="text1 tcolor1">￥29</text><text class="text2 tcolor1"> / 周</text></view>
|
||||
<view class="month1" wx:if="{{yhy}}" bindtap="go2Month"><text class="text1 tcolor2">￥69</text><text class="text2 tcolor2"> / 月</text></view>
|
||||
|
||||
<view class="week2" wx:if="{{!yhy}}" bindtap="go2Week"><text class="text1 tcolor2">￥29</text><text class="text2 tcolor2"> / 周</text></view>
|
||||
<view class="month2" wx:if="{{!yhy}}" bindtap="go2Month"><text class="text1 tcolor1">￥69</text><text class="text2 tcolor1"> / 月</text></view>
|
||||
@ -0,0 +1,232 @@
|
||||
.reback{
|
||||
position: absolute;
|
||||
margin-left: 20rpx;
|
||||
margin-top:108rpx;
|
||||
width:48rpx;
|
||||
height:48rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/reback.png);
|
||||
}
|
||||
|
||||
.title{
|
||||
position: absolute;
|
||||
left: 278rpx;
|
||||
top: 108rpx;
|
||||
width: 196rpx;
|
||||
height: 48rpx;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 32rpx;
|
||||
text-align: center;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.hybt{
|
||||
position: absolute;
|
||||
left: 30rpx;
|
||||
top: 1326rpx;
|
||||
width: 690rpx;
|
||||
height: 230rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/hybt.png);
|
||||
}
|
||||
|
||||
.sftp{
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 82px;
|
||||
width: 345px;
|
||||
height: 115px;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/sftp.png);
|
||||
}
|
||||
|
||||
.hgpng{
|
||||
position: absolute;
|
||||
left: 109px;
|
||||
top: 124px;
|
||||
width: 157px;
|
||||
height: 174px;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/hgpng.png);
|
||||
}
|
||||
|
||||
.question{
|
||||
position: absolute;
|
||||
left: 236px;
|
||||
top: 124px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/qqest.png);
|
||||
}
|
||||
.hybtn{
|
||||
position: absolute;
|
||||
left: 118px;
|
||||
top: 645px;
|
||||
width: 140px;
|
||||
height: 40px;
|
||||
line-height: 80rpx;
|
||||
border-radius: 10px;
|
||||
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
|
||||
text-align: center;
|
||||
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
||||
border: 3px solid rgba(255, 255, 255, 1);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 32rpx;
|
||||
text-align: center;
|
||||
font-family: SourceHanSansSC-medium;
|
||||
}
|
||||
|
||||
.viphyqy{
|
||||
position: absolute;
|
||||
top: 502px;
|
||||
width: 750rpx;
|
||||
height: 20px;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.introd{
|
||||
left:180rpx;
|
||||
position: absolute;
|
||||
top: 538px;
|
||||
width: 750rpx;
|
||||
height: 75px;
|
||||
line-height: 50rpx;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.zhytxt{
|
||||
position: absolute;
|
||||
left: 82px;
|
||||
top: 442px;
|
||||
width: 42px;
|
||||
height: 21px;
|
||||
color: rgba(154, 154, 154, 1);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.yhytxt{
|
||||
position: absolute;
|
||||
left: 506rpx;
|
||||
top: 442px;
|
||||
width: 42px;
|
||||
height: 21px;
|
||||
color: rgba(154, 154, 154, 1);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.hydqr{
|
||||
position: absolute;
|
||||
top: 314px;
|
||||
width: 750rpx;
|
||||
height: 20px;
|
||||
color: rgba(248, 99, 42, 1);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.week1{
|
||||
position: absolute;
|
||||
left: 32px;
|
||||
top: 374px;
|
||||
width: 140px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
border-radius: 15px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
font-family: Arial;
|
||||
border: 2px solid rgba(248, 99, 42, 1);
|
||||
}
|
||||
|
||||
.month1{
|
||||
position: absolute;
|
||||
left: 203px;
|
||||
top: 374px;
|
||||
width: 140px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
border-radius: 15px;
|
||||
background-color: rgba(248, 99, 42, 1);
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
font-family: Arial;
|
||||
border: 1px solid rgba(248, 99, 42, 1);
|
||||
}
|
||||
|
||||
.text1{
|
||||
margin-left: 2px;
|
||||
top: 384px;
|
||||
width: 60px;
|
||||
height: 41px;
|
||||
font-size: 28px;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.text2{
|
||||
left: 130px;
|
||||
top: 401px;
|
||||
width: 16px;
|
||||
height: 17px;
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.tcolor1{
|
||||
color: rgba(79, 79, 79, 1);
|
||||
}
|
||||
|
||||
.tcolor2{
|
||||
color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
.week2{
|
||||
position: absolute;
|
||||
left: 32px;
|
||||
top: 374px;
|
||||
width: 140px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
border-radius: 15px;
|
||||
background-color: rgba(248, 99, 42, 1);
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
font-family: Arial;
|
||||
border: 1px solid rgba(248, 99, 42, 1);
|
||||
}
|
||||
|
||||
.month2{
|
||||
|
||||
position: absolute;
|
||||
left: 203px;
|
||||
top: 374px;
|
||||
width: 140px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
border-radius: 15px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
font-family: Arial;
|
||||
border: 2px solid rgba(248, 99, 42, 1);
|
||||
}
|
||||
@ -1,52 +1 @@
|
||||
/* pages/home/me/yhsyxy/yhsyxy.wxss */
|
||||
.user-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 88rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.user-header {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 88rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.header-reback{
|
||||
position: absolute;
|
||||
left: 20rpx;
|
||||
width:48rpx;
|
||||
height:48rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/reback.png);
|
||||
}
|
||||
|
||||
.user-main {
|
||||
flex: 1;
|
||||
padding: 48rpx 64rpx;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
width: 100%;
|
||||
margin-bottom: 46rpx;
|
||||
color: #000000;
|
||||
font-size: 36rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main-text {
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.main-text-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
/* pages/home/me/yhsyxy/yhsyxy.wxss */
|
||||
@ -1,53 +1 @@
|
||||
/* pages/home/me/ysxy/ysxy.wxss *//* pages/home/me/yhsyxy/yhsyxy.wxss */
|
||||
.user-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 88rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.user-header {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 88rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.header-reback{
|
||||
position: absolute;
|
||||
left: 20rpx;
|
||||
width:48rpx;
|
||||
height:48rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://wish-assets.windymuse.com.cn/xy/reback.png);
|
||||
}
|
||||
|
||||
.user-main {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
padding: 48rpx 64rpx;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
width: 100%;
|
||||
margin-bottom: 46rpx;
|
||||
color: #000000;
|
||||
font-size: 36rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main-text {
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.main-text-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
/* pages/home/me/ysxy/ysxy.wxss */
|
||||
@ -1,44 +1,30 @@
|
||||
<!--pages/home/xx/hy/index.wxml-->
|
||||
<!--返回图标-->
|
||||
<view class="header">
|
||||
<view class="reback" bindtap="go2Reback"></view>
|
||||
<view class="title">纸条</view>
|
||||
</view>
|
||||
<view class="reback" bindtap="go2Reback"></view>
|
||||
<view class="title">纸条</view>
|
||||
|
||||
<!-- 中间主体 -->
|
||||
<view class="main">
|
||||
<view class="main-bgc" />
|
||||
<t-swipe-cell wx:for="{{ list }}" wx:key="index">
|
||||
<view class="main-item">
|
||||
<view class="item-left">
|
||||
<image src="{{item.isSelf ? userInfo.avatar : avatar}}" />
|
||||
</view>
|
||||
<view class="item-text">
|
||||
<view class="item-text-name">{{ item.isSelf ? userInfo.nick : nick}}</view>
|
||||
<view class="item-text-time"> {{ item.createdAt }} </view>
|
||||
</view>
|
||||
<view class="item-right" bindtap="readingNote" data-content="{{item.content}}">
|
||||
{{item.content}}
|
||||
</view>
|
||||
<view class="main-bgc" />
|
||||
<t-swipe-cell wx:for="{{ list }}" wx:key="index">
|
||||
<view class="main-item">
|
||||
<view class="item-left"></view>
|
||||
<view class="item-text">
|
||||
<view class="item-text-name">{{nick}}</view>
|
||||
<view class="item-text-time"> {{ item.createdAt }} </view>
|
||||
</view>
|
||||
<view class="item-right">
|
||||
{{item.content}}
|
||||
</view>
|
||||
<view slot="right" class="delete-btn" bindtap="delLetter" data-item="{{item}}">删除</view>
|
||||
</t-swipe-cell>
|
||||
</view>
|
||||
<view slot="right" class="delete-btn" bindtap="delLetter" data-id="{{item.id}}">删除</view>
|
||||
</t-swipe-cell>
|
||||
</view>
|
||||
|
||||
<!--星讯聊天下方菜单栏-->
|
||||
<view class="xfgjl" >
|
||||
<view class="xxqlcd xxqlcd1" bindtap="go2Xz">信札</view>
|
||||
<view class="xxqlcd xxqlcd2" bindtap="go2Yx">音讯</view>
|
||||
<view class="xxqlcd xxqlcd3" bindtap="go2Hx">画像</view>
|
||||
<view class="xxqlcd xxqlcd4" bindtap="go2Zt">纸条</view>
|
||||
</view>
|
||||
|
||||
<!-- 打开字条 -->
|
||||
<view class="reading" wx:if="{{showZt}}">
|
||||
<view class="read-box">
|
||||
<view class="read-text">{{msgZt}}</view>
|
||||
<view class="read-btn" bindtap="closeRead">
|
||||
<image src="https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/iconPark-return%401x.png" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="xxqlcd xxqlcd1" bindtap="go2Xz">信札</view>
|
||||
<view class="xxqlcd xxqlcd2" bindtap="go2Yx">音讯</view>
|
||||
<view class="xxqlcd xxqlcd3" bindtap="go2Hx">画像</view>
|
||||
<view class="xxqlcd xxqlcd4" bindtap="go2Zt">纸条</view>
|
||||
</view>
|
||||
@ -0,0 +1,66 @@
|
||||
// pages/home/xx/lindex/xz/xz.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,2 @@
|
||||
<!--pages/home/xx/lindex/xz/xz.wxml-->
|
||||
<text>pages/home/xx/lindex/xz/xz.wxml</text>
|
||||
@ -0,0 +1 @@
|
||||
/* pages/home/xx/lindex/xz/xz.wxss */
|
||||
@ -0,0 +1,66 @@
|
||||
// pages/home/xx/xz/index.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,2 @@
|
||||
<!--pages/home/xx/xz/index.wxml-->
|
||||
<text>pages/home/xx/xz/index.wxml</text>
|
||||
@ -0,0 +1 @@
|
||||
/* pages/home/xx/xz/index.wxss */
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue