页面展示优化
This commit is contained in:
GaoHao
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<view class="containerView">
|
||||
<view class="container">
|
||||
<view class="cu-form-group" >
|
||||
<view class="title">手机号</view>
|
||||
<input type="number" :value="data.mobile" placeholder="请输入手机号" maxlength="11" data-key="mobile"
|
||||
@@ -127,6 +127,14 @@
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-top: 32rpx;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
}
|
||||
.cu-form-group{
|
||||
background-color: #ffffff;
|
||||
padding: 1rpx 30rpx;
|
||||
@@ -163,17 +171,13 @@
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
background: #ff7581;
|
||||
padding: 0 30rpx;
|
||||
border: none;
|
||||
&:after {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.containerView {
|
||||
top: 0;
|
||||
padding-top: 32upx;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -187,9 +191,9 @@
|
||||
background: #ff7581;
|
||||
color: #ffffff;
|
||||
font-size: 16px;
|
||||
|
||||
margin: 0 auto;
|
||||
&:after {
|
||||
border-radius: 60px;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,19 +1,15 @@
|
||||
<template>
|
||||
<view class="containersView">
|
||||
<div style="width: 100%;height: 85%;position: absolute;background: url('/static/download/appeq_bg.png') no-repeat center bottom / cover;"></div>
|
||||
<view class="containers">
|
||||
<div class="bg" style="background: url('/static/download/appeq_bg.png') no-repeat center bottom / cover;"></div>
|
||||
|
||||
<view style="text-align: center;position: relative;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;">
|
||||
<image style="width: 124rpx;height: 124rpx;margin-top: -920rpx;border-radius:20upx;" src="/static/download/appLogo.png"></image>
|
||||
<view class="content">
|
||||
<image class="logo" src="/static/download/appLogo.png"></image>
|
||||
<view style="font-size: 40rpx;margin-top: 22rpx;color: #FFFFFF;font-weight: bold;">斯耀短剧APP</view>
|
||||
<view style="font-size: 28rpx;margin-top: 16rpx;color: #FFFFFF;font-weight: bold;">海量电子榨菜 免费又过瘾</view>
|
||||
<button class="confirm-btn" @click="download">{{data.confirmBtn}}</button>
|
||||
|
||||
</view>
|
||||
<view id="shareit" v-if="data.show_share" @tap="closeShare">
|
||||
<image class="arrow" src="https://renwu.xiansqx.com/img/20210813/9aa484db4c60458f86deb2a8ab6fe400.png">
|
||||
</image>
|
||||
<view id="follow">点击右上角按钮，选择浏览器打开下载！</view>
|
||||
</view>
|
||||
|
||||
<!-- #ifdef H5 -->
|
||||
<div v-if="data.isWeixin" style="width: 100%;height: 100%;position: absolute;top: 0;background: url('/static/download/open_guide.png') no-repeat center bottom / cover;"></div>
|
||||
<!-- #endif -->
|
||||
@@ -26,7 +22,6 @@
|
||||
import { commonType } from '@/api/init.js';
|
||||
|
||||
let data = reactive({
|
||||
show_share: false,
|
||||
openShare: false,
|
||||
openShares: false,
|
||||
confirmBtn: '斯耀短剧APP',
|
||||
@@ -45,9 +40,7 @@
|
||||
data.isWeixin = true
|
||||
}
|
||||
})
|
||||
function closeShare() {
|
||||
data.show_share = false;
|
||||
}
|
||||
|
||||
|
||||
function download() {
|
||||
var u = navigator.userAgent;
|
||||
@@ -113,49 +106,30 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.containersView {
|
||||
.containers {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#shareit {
|
||||
-webkit-user-select: none;
|
||||
position: fixed;
|
||||
/*width: 100%;*/
|
||||
height: 2000px;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
text-align: center;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
.bg{
|
||||
width: 100%;
|
||||
height: 85%;
|
||||
position: absolute;
|
||||
}
|
||||
.content{
|
||||
position: relative;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.logo{
|
||||
width: 124rpx;
|
||||
height: 124rpx;
|
||||
margin-top: -920rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#shareit img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
width: 100px;
|
||||
height: 150px;
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
top: 1%;
|
||||
}
|
||||
|
||||
#follow {
|
||||
margin-right: 60px;
|
||||
margin-left: 30px;
|
||||
width: 90%;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
text-align: left;
|
||||
text-decoration: none;
|
||||
font-size: 18px;
|
||||
color: white;
|
||||
float: left;
|
||||
margin-top: 160px;
|
||||
}
|
||||
|
||||
|
||||
.confirm-btn {
|
||||
width: 416rpx;
|
||||
height: 90rpx;
|
||||
@@ -170,5 +144,6 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 70rpx;
|
||||
margin: auto;
|
||||
}
|
||||
</style>
|
||||
@@ -1,5 +1,6 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="nav" style="width: 100%;height: 96rpx;"></view>
|
||||
<view class="bg" >
|
||||
<image src="../../static/default/i_bg.png" style="width: 100%;height:100%" mode="aspectFill"></image>
|
||||
</view>
|
||||
@@ -179,9 +180,7 @@
|
||||
padding-top: 48rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.flex{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.footerView {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@@ -214,6 +213,8 @@
|
||||
color: #EC6F48;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.send-msg::after{
|
||||
border: none;
|
||||
@@ -258,6 +259,9 @@
|
||||
background-color: #fff;
|
||||
align-items: center;
|
||||
padding: 22rpx 32rpx 22rpx 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="nav" style="width: 100%;height: 96rpx;"></view>
|
||||
<view class="bg" >
|
||||
<image src="../../static/default/i_bg.png" style="width: 100%;height:100%" mode="aspectFill"></image>
|
||||
</view>
|
||||
@@ -18,14 +19,14 @@
|
||||
<view class="input flex" style="padding-left: 0;">
|
||||
<input class="input" type="password" :value="data.password" placeholder="请输入密码" placeholder-class="input-empty"
|
||||
maxlength="20" minlength="6" data-key="password" @input="inputChange" @confirm="toLogin" />
|
||||
<text class="send-msg" @click="forget" style="flex-shrink: 0;">忘记密码</text>
|
||||
<text class="send-msg" @click="linkTo('/pages/login/forgetPwd')" style="flex-shrink: 0;">忘记密码</text>
|
||||
</view>
|
||||
</view>
|
||||
<button class="confirm-btn" @click="toLogin">登录</button>
|
||||
<view style="margin-top: 32px;text-align: center">
|
||||
<view>
|
||||
没有账号？
|
||||
<text style="color: #ff7581" @click="register()">立即注册</text>
|
||||
<text style="color: #ff7581" @click="linkTo('/pages/login/register')">立即注册</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -35,9 +36,9 @@
|
||||
</u-checkbox-group>
|
||||
<view>同意</view>
|
||||
<!-- 协议地址 -->
|
||||
<navigator url="/pages/me/privacy" open-type="navigate">《隐私政策》</navigator>
|
||||
<view @click="linkTo('/pages/me/privacy')">《隐私政策》</view>
|
||||
和
|
||||
<navigator url="/pages/me/agreement" open-type="navigate">《用户服务协议》</navigator>
|
||||
<view @click="linkTo('/pages/me/agreement')">《用户服务协议》</view>
|
||||
</view>
|
||||
|
||||
<u-toast ref="uToast" />
|
||||
@@ -49,6 +50,7 @@
|
||||
import { reactive } from 'vue';
|
||||
import { onLoad} from '@dcloudio/uni-app'
|
||||
import { login } from '@/api/login/login.js';
|
||||
import { linkTo } from '@/utils/app.js';
|
||||
let data = reactive({
|
||||
mobile: '',
|
||||
password: '',
|
||||
@@ -59,24 +61,6 @@
|
||||
|
||||
})
|
||||
|
||||
/**
|
||||
* 注册
|
||||
*/
|
||||
function register () {
|
||||
uni.navigateTo({
|
||||
url: '/pages/login/register'
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 忘记密码
|
||||
*/
|
||||
function forget () {
|
||||
uni.navigateTo({
|
||||
url: '/pages/login/forgetPwd'
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取手机号/密码
|
||||
*/
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="nav" style="width: 100%;height: 96rpx;"></view>
|
||||
<view class="bg" >
|
||||
<image src="../../static/default/i_bg.png" style="width: 100%;height:100%" mode="aspectFill"></image>
|
||||
</view>
|
||||
@@ -35,9 +36,10 @@
|
||||
</u-checkbox-group>
|
||||
<view>注册即同意</view>
|
||||
<!-- 协议地址 -->
|
||||
<navigator url="/pages/me/privacy" open-type="navigate" style="color: #37A6FF;">《隐私政策》</navigator>
|
||||
与
|
||||
<navigator url="/pages/me/agreement" open-type="navigate" style="color: #37A6FF;">《用户协议》</navigator>
|
||||
<view @click="linkTo('/pages/me/privacy')" style="color: #37A6FF;">《隐私政策》</view>
|
||||
和
|
||||
<view @click="linkTo('/pages/me/agreement')" style="color: #37A6FF;">《用户服务协议》</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -48,7 +50,7 @@
|
||||
import { onLoad} from '@dcloudio/uni-app'
|
||||
import {setSendMsg,registerCode} from '@/api/login/login.js';
|
||||
import {commonType} from '@/api/init.js';
|
||||
|
||||
import { linkTo } from '@/utils/app.js';
|
||||
|
||||
let data = reactive({
|
||||
code: '',
|
||||
@@ -372,6 +374,9 @@
|
||||
background-color: #fff;
|
||||
align-items: center;
|
||||
padding: 22rpx 32rpx 22rpx 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<!-- <view class="navs" style="width: 100%;height: 96rpx;"></view> -->
|
||||
<view class="nav">
|
||||
<up-icon name="arrow-left" color="#fff" size="20" @click="back"></up-icon>
|
||||
<view class="navTitle">申请提现</view>
|
||||
@@ -86,6 +87,7 @@
|
||||
import { reactive, nextTick, ref } from 'vue';
|
||||
import { onReady,onLoad,onShow,onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
|
||||
import { selectUserMoney, selectPayDetails, canCash, state, withdraw } from '@/api/me/withdraw.js';
|
||||
import { selectUserById } from '@/api/user/user.js';
|
||||
import { commonType } from '@/api/init.js';
|
||||
import { linkTo } from '@/utils/app.js';
|
||||
|
||||
@@ -118,6 +120,7 @@
|
||||
adRewardedVideo: true,
|
||||
adRewardedVideoloadNum: 0,
|
||||
isWithdraw: false,
|
||||
userInfo: null,
|
||||
})
|
||||
const adRewardedVideo = ref(null);
|
||||
onLoad(() => {
|
||||
@@ -127,6 +130,7 @@
|
||||
onShow(() => {
|
||||
console.log(uni.getStorageSync('userInfo'))
|
||||
getcashMoney()
|
||||
getUserInfo();
|
||||
})
|
||||
onReady(() => {
|
||||
nextTick(()=>{
|
||||
@@ -146,6 +150,11 @@
|
||||
data.list = []
|
||||
data.getMoneyDetail();
|
||||
})
|
||||
function getUserInfo() {
|
||||
selectUserById().then(res=>{
|
||||
data.userInfo = res;
|
||||
})
|
||||
}
|
||||
function back() {
|
||||
uni.navigateBack()
|
||||
}
|
||||
@@ -154,7 +163,7 @@
|
||||
*/
|
||||
async function getCanCash() {
|
||||
canCash().then(res => {
|
||||
data.isWithdraw = res;
|
||||
// data.isWithdraw = res;
|
||||
})
|
||||
|
||||
}
|
||||
@@ -178,7 +187,7 @@
|
||||
}
|
||||
data.adRewardedVideoloadNum++
|
||||
setTimeout(() => {
|
||||
adRewardedVideo.value.load();
|
||||
// adRewardedVideo.value.load();
|
||||
}, 1000); // 10
|
||||
console.log("广告加载失败")
|
||||
}
|
||||
@@ -310,46 +319,33 @@
|
||||
|
||||
function getOut() {
|
||||
|
||||
if (uni.getStorageSync('userInfo').zhiFuBao && uni.getStorageSync('userInfo').zhiFuBaoName && uni.getStorageSync('userInfo').certNo) {
|
||||
if (!/^\d+(\.\d{1,2})?$/.test(data.money)) {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: '请输入正确金额，不能包含中文，英文，特殊字符和小数'
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (uni.getStorageSync('userInfo').zhiFuBao && uni.getStorageSync('userInfo').zhiFuBaoName) {
|
||||
uni.showToast({ icon: 'none', title: "请先绑定支付宝" });
|
||||
setTimeout(()=>{
|
||||
linkTo('/pages/me/withdraw/alipay')
|
||||
},1500)
|
||||
return;
|
||||
}
|
||||
|
||||
if (uni.getStorageSync('userInfo').certName && uni.getStorageSync('userInfo').mobile && uni.getStorageSync('userInfo').certNo && uni.getStorageSync('userInfo').accountNo) {
|
||||
uni.showToast({ icon: 'none', title: "请先实名认证" });
|
||||
setTimeout(()=>{
|
||||
linkTo('/pages/me/withdraw/realName')
|
||||
},1500)
|
||||
return;
|
||||
}
|
||||
if (that.zhifubao && that.zhifubaoName) {
|
||||
uni.navigateTo({
|
||||
url: "/me/invite/zhifubao"
|
||||
})
|
||||
return;
|
||||
}
|
||||
if (parseFloat(data.mayMoney).toFixed(2) >= parseFloat(data.money)) {
|
||||
if (parseFloat(data.money).toFixed(2) >= parseFloat(data.cashMoney)) {
|
||||
uni.showModal({
|
||||
title: "提现申请提示",
|
||||
content: '每日只可提现一次',
|
||||
success: (e) => {
|
||||
if (e.confirm) {
|
||||
if (!/^\d+(\.\d{1,2})?$/.test(data.money)) {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: '请输入正确金额，不能包含中文，英文，特殊字符和小数'
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!data.userInfo.accountNo) {
|
||||
uni.showToast({ icon: 'none', title: "请先实名认证" });
|
||||
setTimeout(()=>{
|
||||
linkTo('/pages/me/withdraw/realName')
|
||||
},1500)
|
||||
return;
|
||||
}
|
||||
|
||||
if (parseFloat(data.mayMoney).toFixed(2) >= parseFloat(data.money)) {
|
||||
if (parseFloat(data.money).toFixed(2) >= parseFloat(data.cashMoney)) {
|
||||
uni.showModal({
|
||||
title: "提现申请提示",
|
||||
content: '每日只可提现一次',
|
||||
success: (e) => {
|
||||
if (e.confirm) {
|
||||
setTimeout(()=>{
|
||||
uni.showModal({
|
||||
title: "提现申请提示",
|
||||
content: '请仔细确认收款人信息\n\n收款人姓名:' + uni.getStorageSync('userInfo').zhiFuBaoName + '\n\n提现金额:' + data
|
||||
.money + '元\n\n收款人账号：' + uni.getStorageSync('userInfo').zhiFuBao + '',
|
||||
content: '请仔细确认收款人信息\n\n收款人姓名:' + data.userInfo.certName + '\n\n提现金额:' + data
|
||||
.money + '元\n\n收款人账号：' + data.userInfo.accountNo + '',
|
||||
|
||||
success: (e) => {
|
||||
if (e.confirm) {
|
||||
@@ -358,25 +354,23 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},200)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "提现金额必须大于或等于" + data.cashMoney + "元才可提现"
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "您的余额不足"
|
||||
title: "提现金额必须大于或等于" + data.cashMoney + "元才可提现"
|
||||
});
|
||||
}
|
||||
} else {
|
||||
linkTo('/pages/me/withdraw/alipay')
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: "您的余额不足"
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@@ -390,15 +384,15 @@
|
||||
width: 100%;
|
||||
.nav{
|
||||
width: 100%;
|
||||
height: 96rpx;
|
||||
line-height: 96rpx;
|
||||
position: absolute;
|
||||
|
||||
position: fixed;
|
||||
background-color: #ff7581;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 30rpx;
|
||||
padding: 100rpx 30rpx 15rpx 30rpx;
|
||||
.navTitle{
|
||||
color: #fff;
|
||||
font-size: 32rpx;
|
||||
@@ -411,13 +405,13 @@
|
||||
}
|
||||
.content{
|
||||
background-color: #ff7581;
|
||||
height: 400rpx;
|
||||
height: 500rpx;
|
||||
border-bottom-right-radius: 40rpx;
|
||||
border-bottom-left-radius: 40rpx;
|
||||
.title{
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
padding-top: 140rpx;
|
||||
padding-top: 230rpx;
|
||||
}
|
||||
.mayMoney{
|
||||
font-size: 40rpx;
|
||||
|
||||
@@ -85,17 +85,7 @@
|
||||
<up-qrcode :size="200" :val="data.erweima" @result="qrR"></up-qrcode>
|
||||
<canvas id="canvas" canvas-id="poster" :style="{width: data.canvasW+'px', height: data.canvasH+'px'}"></canvas>
|
||||
</view>
|
||||
<!-- <up-image :src="data.haibaoImg" alt="" width="400rpx" mode="widthFix"></up-image> -->
|
||||
<!-- <tki-qrcode ref="qrcode" :val="erweima" :size="200" background="#fff" foreground="#000" pdground="#000"
|
||||
:onval="true" :loadMake="true" @result="qrR" :show="false"></tki-qrcode> -->
|
||||
<view class="cu-modal" :class="modalName == 'Image' ? 'show' : 'show'" @tap="hideModal">
|
||||
<view class="cu-dialog" v-if="bgImg && erweimapath && haibaoShow" @tap="hideModal">
|
||||
<view class="bg-img">
|
||||
<!-- <wm-poster @success="posterSuccess" @successH5="successH5" :imgSrc="bgImg"
|
||||
:Referrer="'我的邀请码:'+invitationCode" :QrSrc="erweimapath" :LineType="false"></wm-poster> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -115,7 +105,6 @@
|
||||
},
|
||||
erweimapath: '',
|
||||
haibaoImg: null,
|
||||
haibaoShow: false,
|
||||
customStyle: {
|
||||
background: '#DDDCFF',
|
||||
border: '8rpx',
|
||||
@@ -134,7 +123,6 @@
|
||||
tuiguang: '',
|
||||
invitationCode: uni.getStorageSync('userInfo').invitationCode,
|
||||
h5SaveImg: '',
|
||||
modalName: '',
|
||||
haibaoImgH5: '',
|
||||
inviteSignCount:0,
|
||||
canvasW: 350,
|
||||
@@ -218,7 +206,6 @@
|
||||
|
||||
function posterSuccess(haibaoImg) {
|
||||
data.haibaoImg = haibaoImg;
|
||||
data.modalName = 'Image';
|
||||
uni.hideLoading();
|
||||
}
|
||||
function successH5(haibaoImg) {
|
||||
@@ -231,9 +218,7 @@
|
||||
}
|
||||
|
||||
}
|
||||
function hideModal() {
|
||||
data.modalName = null;
|
||||
}
|
||||
|
||||
function qrR(path) {
|
||||
data.erweimapath = path;
|
||||
}
|
||||
@@ -297,8 +282,6 @@
|
||||
canvasId: "poster",
|
||||
success: res => {
|
||||
data.haibaoImg = res.tempFilePath;
|
||||
data.modalName = 'Image';
|
||||
data.haibaoShow = true
|
||||
// #ifdef H5
|
||||
uni.previewImage({
|
||||
urls: [data.haibaoImg],
|
||||
@@ -306,14 +289,16 @@
|
||||
})
|
||||
// #endif
|
||||
// #ifndef H5
|
||||
uni.previewImage({
|
||||
urls: [data.haibaoImg],
|
||||
current: 1,
|
||||
})
|
||||
uni.saveImageToPhotosAlbum({
|
||||
filePath: data.haibaoImg,
|
||||
success: function() {
|
||||
console.log('save success');
|
||||
uni.showToast({
|
||||
title: '海报已保存相册',
|
||||
icon: 'success',
|
||||
duration: 2000
|
||||
icon: 'none',
|
||||
});
|
||||
}
|
||||
});
|
||||
@@ -348,6 +333,7 @@
|
||||
}
|
||||
.container {
|
||||
background: #F3F4F8;
|
||||
min-height: 100vh;
|
||||
.head{
|
||||
position: relative;
|
||||
.top-title {
|
||||
|
||||
Reference in New Issue
Block a user