消息和积分ui
blak-kong
2 years ago
parent
efe3f31f6c
commit
11bcd78cfe
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,11 @@
|
|||||||
|
.common-popup-btn {
|
||||||
|
width: 690rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
line-height: 90rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
text-align: center;
|
||||||
|
border: 1rpx solid #000;
|
||||||
|
border-radius: 45rpx;
|
||||||
|
color: #fff;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
@ -0,0 +1,108 @@
|
|||||||
|
import classnames from "classnames";
|
||||||
|
import { Component } from "react";
|
||||||
|
|
||||||
|
import { Block, View, Button, PageMeta } from "@tarojs/components";
|
||||||
|
|
||||||
|
import { Popup } from "@antmjs/vantui";
|
||||||
|
|
||||||
|
import "./popup.less";
|
||||||
|
import "./popup-drawer.less";
|
||||||
|
/*** props
|
||||||
|
* isLarge 是否大尺寸
|
||||||
|
* isShow 是否显示
|
||||||
|
* isClose 右上角关闭图标
|
||||||
|
* postion 抽屉弹出位置 left right top bottom
|
||||||
|
* title 弹窗标题
|
||||||
|
* content 弹窗内容
|
||||||
|
* confirmButtonText 确定按钮
|
||||||
|
* textAlgin 文本对齐 left right center
|
||||||
|
* @confirm 关闭回调
|
||||||
|
* ***/
|
||||||
|
export default class PopupDrawer extends Component<any, any> {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
name: "抽屉组件",
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
async onLoad() {}
|
||||||
|
componentDidMount() {}
|
||||||
|
|
||||||
|
componentWillUnmount() {}
|
||||||
|
|
||||||
|
componentDidShow() {}
|
||||||
|
|
||||||
|
componentDidHide() {}
|
||||||
|
|
||||||
|
async initData() {}
|
||||||
|
|
||||||
|
onClose = () => {
|
||||||
|
this.props.close();
|
||||||
|
};
|
||||||
|
|
||||||
|
onConfirm = () => {
|
||||||
|
this.props.confirm();
|
||||||
|
};
|
||||||
|
|
||||||
|
onClickStop = (e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
};
|
||||||
|
|
||||||
|
render() {
|
||||||
|
let {
|
||||||
|
title,
|
||||||
|
content,
|
||||||
|
confirmButtonText,
|
||||||
|
textAlgin,
|
||||||
|
isShow,
|
||||||
|
isClose,
|
||||||
|
isLarge,
|
||||||
|
postion,
|
||||||
|
} = this.props;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Block>
|
||||||
|
<PageMeta pageStyle={isShow ? "overflow: hidden;" : ""} />
|
||||||
|
<Popup
|
||||||
|
show={isShow}
|
||||||
|
closeOnClickOverlay={false}
|
||||||
|
position={postion || "bottom"}
|
||||||
|
round
|
||||||
|
overlayStyle="width: 100vw;padding: 0;"
|
||||||
|
onClick={this.onClickStop}
|
||||||
|
>
|
||||||
|
{isClose && (
|
||||||
|
<View
|
||||||
|
className="at-icon at-icon-close common-close"
|
||||||
|
onClick={this.onClose}
|
||||||
|
></View>
|
||||||
|
)}
|
||||||
|
<View
|
||||||
|
className={classnames("common-box", {
|
||||||
|
large: isLarge,
|
||||||
|
})}
|
||||||
|
>
|
||||||
|
<View className="common-popup-title">{title}</View>
|
||||||
|
<View className="common-popup-content-box">
|
||||||
|
<View
|
||||||
|
className={classnames("common-popup-content", {
|
||||||
|
"text-left": textAlgin === "left",
|
||||||
|
"text-right": textAlgin === "right",
|
||||||
|
"text-center": textAlgin === "center",
|
||||||
|
})}
|
||||||
|
>
|
||||||
|
{content}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
<View className="common-popup-btns">
|
||||||
|
<Button className="common-popup-btn" onClick={this.onConfirm}>
|
||||||
|
{confirmButtonText}
|
||||||
|
</Button>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</Popup>
|
||||||
|
</Block>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,85 @@
|
|||||||
|
@import "@antmjs/vantui/lib/popup/index.less";
|
||||||
|
@import "@antmjs/vantui/lib/transition/index.less";
|
||||||
|
@import "@antmjs/vantui/lib/overlay/index.less";
|
||||||
|
|
||||||
|
.large {
|
||||||
|
width: 670rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.common-box {
|
||||||
|
padding: 38rpx 30rpx;
|
||||||
|
padding-bottom: 40rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.common-popup-title {
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.common-popup-content-box {
|
||||||
|
margin-top: 60rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.common-popup-content {
|
||||||
|
font-size: 28rpx;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
max-height: 600rpx;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.common-popup-content.is-common {
|
||||||
|
color: #41a9fc;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.common-popup-content.is-last {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.common-popup-btns {
|
||||||
|
display: flex;
|
||||||
|
margin-top: 76rpx;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.common-popup-btn {
|
||||||
|
width: 480rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
line-height: 80rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
text-align: center;
|
||||||
|
border: 1rpx solid #000;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
color: #fff;
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.common-popup-btn2 {
|
||||||
|
width: 240rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
line-height: 80rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
text-align: center;
|
||||||
|
border: 1rpx solid #000;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.common-popup-btn2:first-child {
|
||||||
|
margin-left: 22rpx;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.common-popup-btn2:last-child {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.common-close {
|
||||||
|
position: absolute;
|
||||||
|
right: 36rpx;
|
||||||
|
top: 36rpx;
|
||||||
|
color: #000;
|
||||||
|
font-size: 36rpx;
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
@ -0,0 +1,16 @@
|
|||||||
|
page {
|
||||||
|
background: #f3f3f3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cell {
|
||||||
|
border-bottom: 1px solid #f3f3f3;
|
||||||
|
background: #fff;
|
||||||
|
padding: 30rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
.cell .label {
|
||||||
|
color: #323232;
|
||||||
|
}
|
||||||
|
.cell .value {
|
||||||
|
color: #a19fa2;
|
||||||
|
}
|
||||||
@ -0,0 +1,50 @@
|
|||||||
|
import { Component, PropsWithChildren, useEffect, useState } from "react";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { Block, View, Text } from "@tarojs/components";
|
||||||
|
|
||||||
|
import Navbar from "../../components/navbar/navbar";
|
||||||
|
|
||||||
|
import { GetAboutUs } from "../../utils/Interface";
|
||||||
|
|
||||||
|
import "./about.less";
|
||||||
|
|
||||||
|
export default class About extends Component<any, any> {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
name: "更多设置",
|
||||||
|
version: "",
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
async onLoad() {
|
||||||
|
this.initData();
|
||||||
|
}
|
||||||
|
componentDidMount() {}
|
||||||
|
|
||||||
|
componentWillUnmount() {}
|
||||||
|
|
||||||
|
componentDidShow() {}
|
||||||
|
|
||||||
|
componentDidHide() {}
|
||||||
|
|
||||||
|
async initData() {
|
||||||
|
let res = await GetAboutUs();
|
||||||
|
if (res.data.code === 200) {
|
||||||
|
this.setState({ version: res.data.data.value });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
let { version } = this.state;
|
||||||
|
return (
|
||||||
|
<Block>
|
||||||
|
<Navbar titleSlot="更多设置" isBack={true} />
|
||||||
|
<View className="cell flex aitems sb" style="margin-top:20rpx;">
|
||||||
|
<View className="label">版本管理</View>
|
||||||
|
<View className="value">{version}</View>
|
||||||
|
</View>
|
||||||
|
</Block>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
.img {
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.tip {
|
||||||
|
color: #666666;
|
||||||
|
font-size: 30rpx;
|
||||||
|
margin: 50rpx 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
@ -0,0 +1,54 @@
|
|||||||
|
import { Component, PropsWithChildren, useEffect, useState } from "react";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { Block, View, Text, Image, Input, Button } from "@tarojs/components";
|
||||||
|
|
||||||
|
import Navbar from "../../components/navbar/navbar";
|
||||||
|
|
||||||
|
import "./consultant.less";
|
||||||
|
|
||||||
|
import { getContactWorker } from "../../utils/Interface";
|
||||||
|
|
||||||
|
export default class Consultant extends Component<any, any> {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
name: "consultant",
|
||||||
|
pictureUrl: "",
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
async onLoad() {
|
||||||
|
this.initData();
|
||||||
|
}
|
||||||
|
componentDidMount() {}
|
||||||
|
|
||||||
|
componentWillUnmount() {}
|
||||||
|
|
||||||
|
componentDidShow() {}
|
||||||
|
|
||||||
|
componentDidHide() {}
|
||||||
|
|
||||||
|
async initData() {
|
||||||
|
let res = await getContactWorker();
|
||||||
|
console.log("initData", res);
|
||||||
|
if (res.data.code === 200) {
|
||||||
|
this.setState({ pictureUrl: res.data.data.pictureUrl });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
const { pictureUrl } = this.state;
|
||||||
|
return (
|
||||||
|
<Block>
|
||||||
|
<Navbar titleSlot="联系客服" isBack={true} />
|
||||||
|
<View className="img">
|
||||||
|
<Image
|
||||||
|
src={pictureUrl}
|
||||||
|
show-menu-by-longpress
|
||||||
|
mode="widthFix"
|
||||||
|
></Image>
|
||||||
|
</View>
|
||||||
|
</Block>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,165 @@
|
|||||||
|
page {
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.infobox1 {
|
||||||
|
height: 320rpx;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 9;
|
||||||
|
.point_bg {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
.info1 {
|
||||||
|
justify-content: flex-end;
|
||||||
|
position: absolute;
|
||||||
|
top: 20rpx;
|
||||||
|
right: 0rpx;
|
||||||
|
min-width: 193rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 25rpx 0rpx 0rpx 25rpx;
|
||||||
|
padding-right: 25rpx;
|
||||||
|
.tip1 {
|
||||||
|
padding-right: 23rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #818181;
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
width: 10rpx;
|
||||||
|
height: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.info2 {
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 22rpx;
|
||||||
|
font-size: 72rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
.info3 {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #000000;
|
||||||
|
padding-top: 55rpx;
|
||||||
|
}
|
||||||
|
.info4 {
|
||||||
|
margin: 30rpx auto 0;
|
||||||
|
text-align: center;
|
||||||
|
.tip1 {
|
||||||
|
font-weight: bold;
|
||||||
|
width: 210rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
line-height: 60rpx;
|
||||||
|
background: #000000;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
width: 30rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.infobox2 {
|
||||||
|
.nodata {
|
||||||
|
width: 160rpx;
|
||||||
|
height: 160rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 310rpx;
|
||||||
|
.nodata_img {
|
||||||
|
margin-bottom: 34rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.list_block {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 2rpx solid #dddddd;
|
||||||
|
padding: 27rpx 0;
|
||||||
|
}
|
||||||
|
.list {
|
||||||
|
background: #fff;
|
||||||
|
padding: 0rpx 30rpx;
|
||||||
|
.left {
|
||||||
|
.tip1 {
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #030000;
|
||||||
|
}
|
||||||
|
.tip2 {
|
||||||
|
margin-top: 14rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #999999;
|
||||||
|
/*line-height: 36rpx;*/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
font-size: 40rpx;
|
||||||
|
color: #adadad;
|
||||||
|
}
|
||||||
|
.rights {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.popbox3 {
|
||||||
|
.title {
|
||||||
|
text-align: center;
|
||||||
|
padding: 38rpx 0;
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #030000;
|
||||||
|
line-height: 60rpx;
|
||||||
|
}
|
||||||
|
.tipimg {
|
||||||
|
margin: 20rpx 28rpx 0;
|
||||||
|
}
|
||||||
|
.tiptext {
|
||||||
|
/* text-align: center;
|
||||||
|
color: #4E4E4E; */
|
||||||
|
margin-top: 4rpx;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
/* font-size: 32rpx; */
|
||||||
|
max-height: 800rpx;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
.popbox3btn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.nextbtn {
|
||||||
|
background: #000000;
|
||||||
|
width: 270rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 32rpx;
|
||||||
|
line-height: 90rpx;
|
||||||
|
margin: 41rpx auto 44rpx;
|
||||||
|
border-radius: 45rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.prebtn {
|
||||||
|
width: 180rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
text-align: center;
|
||||||
|
color: #d3bc8d;
|
||||||
|
font-size: 30rpx;
|
||||||
|
line-height: 60rpx;
|
||||||
|
margin: 50rpx auto 30rpx;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
border: 1px solid #d3bc8d;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,155 @@
|
|||||||
|
import { Component, PropsWithChildren, useEffect, useState } from "react";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { Block, View, Text, Image, RichText } from "@tarojs/components";
|
||||||
|
|
||||||
|
import "./integral_list.less";
|
||||||
|
|
||||||
|
/** 自定义组件 **/
|
||||||
|
import Navbar from "../../components/navbar/navbar";
|
||||||
|
/** 自定义组件 **/
|
||||||
|
|
||||||
|
import PopupAlert from "../../components/popup/popup-alert";
|
||||||
|
|
||||||
|
import { GetIntegralRule, GetObtainUserIntegral } from "../../utils/Interface";
|
||||||
|
|
||||||
|
export default class IntegralList extends Component<any, any> {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
name: "我的积分",
|
||||||
|
userinfo: {},
|
||||||
|
page: 1,
|
||||||
|
list: [],
|
||||||
|
isIntegral: false,
|
||||||
|
nodes: "",
|
||||||
|
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
async onLoad() {}
|
||||||
|
componentDidMount() {}
|
||||||
|
|
||||||
|
componentWillUnmount() {}
|
||||||
|
|
||||||
|
componentDidShow() {
|
||||||
|
this.initData();
|
||||||
|
this.GetIntegralRule();
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidHide() {}
|
||||||
|
|
||||||
|
async initData() {
|
||||||
|
this.GetObtainUserIntegral();
|
||||||
|
}
|
||||||
|
|
||||||
|
GetObtainUserIntegral = async () => {
|
||||||
|
let { list, pageNum, pageSize } = this.state;
|
||||||
|
let res = await GetObtainUserIntegral({
|
||||||
|
pageNum,
|
||||||
|
pageSize,
|
||||||
|
});
|
||||||
|
console.log("GetObtainUserIntegral", res);
|
||||||
|
if (res.data.code === 200) {
|
||||||
|
if (res.data.rows.length) {
|
||||||
|
list = [].concat(list, res.data.rows);
|
||||||
|
this.setState({ list: list });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
GetIntegralRule = async () => {
|
||||||
|
let res = await GetIntegralRule();
|
||||||
|
console.log("GetIntegralRule", res);
|
||||||
|
if (res.data.code === 200) {
|
||||||
|
this.setState({ nodes: res.data.data.value });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
integralPopupShow = () => {
|
||||||
|
this.setState({ isIntegral: true });
|
||||||
|
};
|
||||||
|
|
||||||
|
navigateToMiniProgram = () => {};
|
||||||
|
|
||||||
|
integralPopupClose = () => {
|
||||||
|
this.setState({ isIntegral: false });
|
||||||
|
};
|
||||||
|
|
||||||
|
render() {
|
||||||
|
let { list, userinfo, isIntegral, nodes } = this.state;
|
||||||
|
return (
|
||||||
|
<Block>
|
||||||
|
<PopupAlert
|
||||||
|
isLarge={true}
|
||||||
|
isClose={true}
|
||||||
|
isShow={isIntegral}
|
||||||
|
title="积分规则"
|
||||||
|
content={<RichText nodes={nodes} />}
|
||||||
|
confirmButtonText="我知道了"
|
||||||
|
textAlgin="center"
|
||||||
|
close={this.integralPopupClose}
|
||||||
|
confirm={this.integralPopupClose}
|
||||||
|
></PopupAlert>
|
||||||
|
<Navbar titleSlot="我的积分" isBack={true}></Navbar>
|
||||||
|
<View style="background: #f3f3f3;padding: 33rpx 30rpx 31rpx;">
|
||||||
|
<View className="infobox1">
|
||||||
|
<View
|
||||||
|
className="info1 flex aitems"
|
||||||
|
onClick={this.integralPopupShow}
|
||||||
|
>
|
||||||
|
<View className="tip1">积分规则</View>
|
||||||
|
<View className="icon">
|
||||||
|
<Image
|
||||||
|
src={require("../../img/user/right.png")}
|
||||||
|
mode="aspectFill"
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
<View className="info3">可用积分</View>
|
||||||
|
<View className="info2">{userinfo.credit2}</View>
|
||||||
|
<View className="info4 flex aitems jcenter">
|
||||||
|
<View className="tip1" onClick={this.navigateToMiniProgram}>
|
||||||
|
前往积分商城
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
<Image
|
||||||
|
className="point_bg"
|
||||||
|
src={require("../../img/user/point-bg.png")}
|
||||||
|
mode="aspectFill"
|
||||||
|
></Image>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<View className="infobox2">
|
||||||
|
{list.length === 0 && (
|
||||||
|
<View className="nodata">
|
||||||
|
<Image
|
||||||
|
className="nodata_img"
|
||||||
|
src={require("../../img/user/points.png")}
|
||||||
|
mode="aspectFill"
|
||||||
|
></Image>
|
||||||
|
<View>暂无数据</View>
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
{list.map((item: any, key: number) => {
|
||||||
|
return (
|
||||||
|
<View className="list" key={key}>
|
||||||
|
<View className="list_block flex aitems sb">
|
||||||
|
<View className="left">
|
||||||
|
<View className="tip1">{item.log}</View>
|
||||||
|
<View className="tip2">{item.addtime}</View>
|
||||||
|
</View>
|
||||||
|
<View className="rights" style={item.style}>
|
||||||
|
{item.credit}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</View>
|
||||||
|
</Block>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,54 @@
|
|||||||
|
page {
|
||||||
|
background: #f3f3f3;
|
||||||
|
}
|
||||||
|
.infobox1 {
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
margin: 20rpx 30rpx 0;
|
||||||
|
padding: 20rpx 34rpx 48rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.info1 {
|
||||||
|
.left {
|
||||||
|
.icon {
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.tip1 {
|
||||||
|
font-weight: bold;
|
||||||
|
margin-left: 28rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.info2 {
|
||||||
|
margin-top: 40rpx;
|
||||||
|
.content {
|
||||||
|
line-height: 50rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.no_message {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 200rpx;
|
||||||
|
& > .icon {
|
||||||
|
width: 200rpx;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
& > .tip {
|
||||||
|
text-align: center;
|
||||||
|
color: #666666;
|
||||||
|
font-size: 28rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,110 @@
|
|||||||
|
import { MpSplashDetail, WCUserLogin } from "../../utils/Interface";
|
||||||
|
import { Component, PropsWithChildren, useEffect, useState } from "react";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { Block, View, Text, Image, Button } from "@tarojs/components";
|
||||||
|
|
||||||
|
import "./message.less";
|
||||||
|
|
||||||
|
/** 自定义组件 **/
|
||||||
|
import Navbar from "../../components/navbar/navbar";
|
||||||
|
/** 自定义组件 **/
|
||||||
|
|
||||||
|
import { GetHasBeenRead, GetMessageList } from "../../utils/Interface";
|
||||||
|
|
||||||
|
export default class Message extends Component<any, any> {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
name: "message",
|
||||||
|
list: [],
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
async onLoad() {}
|
||||||
|
componentDidMount() {}
|
||||||
|
|
||||||
|
componentWillUnmount() {}
|
||||||
|
|
||||||
|
componentDidShow() {
|
||||||
|
this.initData(); // 每次进入清空所有消息
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidHide() {}
|
||||||
|
|
||||||
|
async initData() {
|
||||||
|
this.GetHasBeenRead();
|
||||||
|
this.GetMessageList();
|
||||||
|
}
|
||||||
|
|
||||||
|
godetail = () => {};
|
||||||
|
|
||||||
|
// 获取消息分页
|
||||||
|
GetMessageList = async () => {
|
||||||
|
let { list } = this.state;
|
||||||
|
let res = await GetMessageList({
|
||||||
|
pageNum: this.state.pageNum,
|
||||||
|
pageSize: this.state.pageSize,
|
||||||
|
});
|
||||||
|
if (res.data.code === 200) {
|
||||||
|
if (res.data.rows.length) {
|
||||||
|
list = [].concat(list, res.data.rows);
|
||||||
|
this.setState({ list: list });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 清除所有消息数
|
||||||
|
GetHasBeenRead = async () => {
|
||||||
|
let res = await GetHasBeenRead();
|
||||||
|
if (res.data.code === 200) {
|
||||||
|
Taro.setStorageSync("messageCount", res.data.data);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
render() {
|
||||||
|
let { list } = this.state;
|
||||||
|
return (
|
||||||
|
<Block>
|
||||||
|
<Navbar isBack={true}></Navbar>
|
||||||
|
<View style="padding-top: 13rpx">
|
||||||
|
{list.map((item: any, key: number) => {
|
||||||
|
<Block>
|
||||||
|
<View
|
||||||
|
className="infobox1"
|
||||||
|
onClick={this.godetail}
|
||||||
|
data-item={item}
|
||||||
|
key={key}
|
||||||
|
>
|
||||||
|
<View className="info1 flex aitems sb">
|
||||||
|
<View className="left flex aitems">
|
||||||
|
<View className="icon">
|
||||||
|
<Image
|
||||||
|
src={require("../../img/logos.png")}
|
||||||
|
mode="aspectFill"
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
<View className="tip1">系统通知</View>
|
||||||
|
</View>
|
||||||
|
<View className="right">{item.addtime}</View>
|
||||||
|
</View>
|
||||||
|
<View className="info2">
|
||||||
|
<View className="content">
|
||||||
|
<Text>
|
||||||
|
[花至官方旗舰店]: {item.content ? item.content : ""}
|
||||||
|
</Text>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</Block>;
|
||||||
|
})}
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<View style="height: 100rpx;"></View>
|
||||||
|
|
||||||
|
{list.length == 0 && <View className="nodata">暂无相关消息</View>}
|
||||||
|
</Block>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
.nodes {
|
||||||
|
padding: 30rpx;
|
||||||
|
word-break: break-all;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue