Skip to content

外包-热狐
外包-热狐

外包仓库 / 外包-热狐

通知 0
Star 1
Fork 0
外包-热狐
外包-热狐

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 9f746d6a 编写于 作者: 乄&失落迷迭ヅ's avatar 乄&失落迷迭ヅ 🎨
浏览文件
操作

许愿添加缓存递进

上级 706b854c
隐藏空白更改
内联 并排
Showing with 941 addition and 25 deletion
pages/index/index.vue
浏览文件 @ 9f746d6a
......@@ -14,7 +14,7 @@
<!-- 中下 -->
<view class="rh_lkadd">
联考内容260分+1
{{index_xynr||'暂无许愿内容哟'}}
</view>
<br>
......@@ -44,26 +44,26 @@
<button class="mini-btn" style="height: 20rpx;" @click="showlook(true)">切换</button>
<view class="rh_footer_one" >
<view @click="gotohhpf()">
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>评分</p>
<p><image src="../../static/rehuimg/pinfen.png" class="picpos"></image></p>
</view>
<view @click="goto_hhph()">
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>评画</p>
<p><image src="../../static/rehuimg/pinhua.png" class="picpos"></image></p>
</view>
<view @click="goto_hhmssfl()">
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>美术生图库</p>
<p><image src="../../static/rehuimg/tuku.png" class="picpos"></image></p>
</view>
</view>
<view class="rh_footer_two">
<view>
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>画室避雷</p>
<p><image src="../../static/rehuimg/hsbilei.png" class="picpos"></image></p>
</view>
<view>
<strong><p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>教程</p></strong>
<strong><p><image src="../../static/rehuimg/jiaocheng.png" class="picpos"></image></p>
</strong>
</view>
<view @click="goto_hhyxfl()">
......@@ -77,28 +77,28 @@
<p>讲解图评画</p>
</view>
<view @click="goto_sjcf()">
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>数据测分</p>
<p><image src="../../static/rehuimg/cefen.png" class="picpos"></image></p>
</view>
<view>
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>国画馆</p>
<p><image src="../../static/rehuimg/guohua.png" class="picpos"></image></p>
</view>
</view>
<view class="rh_footer_four">
<view>
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>西方馆</p>
<p><image src="../../static/rehuimg/xihua.png" class="picpos"></image></p>
</view>
<view>
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>插画管</p>
<p><image src="../../static/rehuimg/chahua.png" class="picpos"></image></p>
</view>
<view>
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>隐私政策</p>
<p><image src="../../static/rehuimg/yingsi.png" class="picpos"></image></p>
</view>
......@@ -114,7 +114,7 @@
<uni-popup ref="popup" background-color="none" @change="change">
<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
<view class="xytext">加入许愿</view>
<input class="uni-input xyinput" focus placeholder="" />
<input class="uni-input xyinput" focus placeholder="" v-model="post_xynr"/>
<button class="xyinputbtn" @click="paymoney_open()">确认</button>
</view>
</uni-popup>
......@@ -199,6 +199,8 @@
},
data() {
return {
index_xynr:'',
post_xynr:'',
type:'left',
allgodmoney:15,
dqjs:'色彩小王子',
......@@ -224,6 +226,7 @@
}
},
onLoad() {
this.donthide()
for (var i = 0; i < 3; i++) {
setTimeout(()=>{
this.addshownum()
......@@ -233,7 +236,14 @@
setInterval((res)=>{
this.addshownumrand()
},1000)
},5000)
},5000);
var userid = uni.getStorageSync("userid");
if(userid==""||userid==null||userid=="undefined"){
this.gologinORregister();
}else{
this.postToLoginUser(userid);
}
},
onShow() {
......@@ -241,6 +251,44 @@
},
methods: {
// 主页模块显示
donthide(){
uni.request({
url:'http://www.gyuantecdg.cn:1515/main/sort/donthide',
success: (res) => {
console.log('主页模块显示',res);
}
})
},
// 无密码注册
gologinORregister(){
uni.request({
url:'http://www.gyuantecdg.cn:1515/user/info/uidInit',
data: {
age:"大学生"
},
success: (res) => {
console.log(res.data.data.userid);
// 单独存放id
uni.setStorageSync("userid",res.data.data.userid);
// 存放全部用户数据
uni.setStorageSync("userBody",res.data.data);
}
})
},
// 获取登陆用户
postToLoginUser(userid){
uni.request({
url:'http://www.gyuantecdg.cn:1515/user/info/uidlogin/'+userid,
method:"POST",
success: (res) => {
console.log("用户:"+userid+"已登陆");
console.log('登录成功后',res);
// 更新用户数据
uni.setStorageSync("userBody",res.data.data);
}
});
},
// 前往_评分页面
gotohhpf(){
uni.showToast({
......@@ -308,12 +356,39 @@
},
// 打开_付费
paymoney_open(){
this.$refs.paymoney.open()
let that =this
// 缓存存入——许愿信息
if (that.post_xynr=='') {
uni.showToast({
icon:"error",
title:'不能为空',
})
}else{
let arr = uni.getStorageSync("post_xynr");
let dates=arr
let newdate=dates.push({'xynr':that.post_xynr})
console.log('新数据',dates)
uni.setStorageSync("post_xynr",dates);
let get_xynr = uni.getStorageSync("post_xynr");
if (get_xynr) {
that.index_xynr=get_xynr[0].xynr
that.post_xynr=''
that.$refs.popup.close()
uni.showToast({
icon:"success",
title:'许愿成功！',
})
}
}
},
// 关闭_付费
paymoney_close() {
// TODO 做一些其他的事情，before-close 为true的情况下，手动执行 close 才会关闭对话框
// 许愿信息存入
uni.showToast({
icon:"success",
title:'付费成功',
......@@ -583,7 +658,12 @@
}
// 主页模块图片位置及大小
.picpos{
width: 200rpx;
height: 200rpx;
margin-top: -20rpx;
}
// 解锁所有大神
.show-allgod{
......
pages/index/index2.vue 0 → 100644
浏览文件 @ 9f746d6a
<template>
<view class="container">
<br>
<!-- 头部 -->
<view class="rh_title">
美术生许愿池
</view>
<!-- 主题 -->
<view class="rh_main">
<image src="http://180.76.105.113/img/wbhh1.png" mode=""></image>
</view>
<!-- 中下 -->
<view class="rh_lkadd">
联考内容260分+1
</view>
<br>
<view class="rh_lkaddgo">
<view @click="paymoney_open()">
幸运
</view>
<view class="rh_lkaddgo_auto" @click="postykxy()">
为艺考许愿
</view>
<!-- 联考内容的弹窗 -->
<view @click="showgod_open()">
大神
</view>
</view>
<view class="rh_lkaddsize">
许愿人气值: <span>
<moveNumber :digitTo="shownum" :digitDelay="500"></moveNumber>
</span>
</view>
<!-- 底部内容 -->
<view :class="show==true?'show_Look ':'show_Look show_Lookstrue'">
<view class="rh_footer">
<button class="mini-btn" style="height: 20rpx;" @click="showlook(true)">切换</button>
<view class="rh_footer_one" >
<view @click="gotohhpf()">
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>评分</p>
</view>
<view @click="goto_hhph()">
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>评画</p>
</view>
<view @click="goto_hhmssfl()">
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>美术生图库</p>
</view>
</view>
<view class="rh_footer_two">
<view>
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>画室避雷</p>
</view>
<view>
<strong><p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>教程</p></strong>
</view>
<view @click="goto_hhyxfl()">
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>院校</p>
</view>
</view>
<view class="rh_footer_three">
<view>
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>讲解图评画</p>
</view>
<view @click="goto_sjcf()">
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>数据测分</p>
</view>
<view>
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>国画馆</p>
</view>
</view>
<view class="rh_footer_four">
<view>
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>西方馆</p>
</view>
<view>
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>插画管</p>
</view>
<view>
<p><uni-icons type="fire-filled" size="50" color="#fff"></uni-icons></p>
<p>隐私政策</p>
</view>
</view>
</view>
</view>
<!-- 弹窗区域 -->
<!-- 许愿 -->
<uni-popup ref="popup" background-color="none" @change="change">
<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
<view class="xytext">加入许愿</view>
<input class="uni-input xyinput" focus placeholder="" />
<button class="xyinputbtn" @click="paymoney_open()">确认</button>
</view>
</uni-popup>
<!-- 付费 -->
<uni-popup ref="paymoney" background-color="none" @change="change">
<view class="paymentpopup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
<view class="xytext">据说许愿后的美术生</view>
<view class="xytext">超常发挥，考题会画，成绩高分</view>
<view class="xytext moneyshow">￥<span>3</span></view>
<button class="xyinputbtn" @click="paymoney_close()">许愿</button>
<view class="xyfotter">开通前请阅读{{mhzc}}</view>
</view>
</uni-popup>
<!-- 大神 -->
<uni-popup ref="showgod" background-color="none" @change="change">
<view class="showgod" :class="{ 'popup-height': type === 'left' || type === 'right' }">
<view class="showgodmain">
<view class="show-close" @click="showgod_close()">
<uni-icons type="closeempty" color="#000" size="30"></uni-icons>
</view>
<view class="show-title">
大神
</view>
<view class="show-top">
<view class="godflex1" @click="showallgod_open()">
<p><uni-icons type="fire-filled" size="85" color="#fff"></uni-icons></p>
<p><uni-icons type="color" size="85" color="#fff"></uni-icons></p>
<p><uni-icons type="medal-filled" size="85" color="#fff"></uni-icons></p>
</view>
<view class="godflex2" @click="showallgod_open()">
<p><uni-icons type="star-filled" size="85" color="#fff"></uni-icons></p>
<p><uni-icons type="weixin" size="85" color="#fff"></uni-icons></p>
<p><uni-icons type="pyq" size="85" color="#fff"></uni-icons></p>
</view>
<view class="godflex3" @click="showallgod_open()">
<p><uni-icons type="qq" size="85" color="#fff"></uni-icons></p>
<p><uni-icons type="paperplane-filled" size="85" color="#fff"></uni-icons></p>
<p><uni-icons type="cart-filled" size="85" color="#fff"></uni-icons></p>
</view>
</view>
<view class="xyfotter">当前：{{dqjs}}</view>
<button class="xyinputbtn" @click="showgod_post()">许愿</button>
</view>
</view>
</uni-popup>
<!-- 解锁所有大神 -->
<uni-popup ref="showallgod" background-color="none" @change="change">
<view class="show-allgod" :class="{ 'popup-height': type === 'left' || type === 'right' }">
<view class="show-allgod-main">
<view class="show-close" @click="showallgod_close()">
<uni-icons type="closeempty" color="#000" size="30"></uni-icons>
</view>
<view class="showall-title">
解锁所有大神
</view>
<view class="showall-money">
<p>￥</p>{{allgodmoney}}
</view>
<button class="showall-butbtn" @click="showallgod_close(1)">开通</button>
<view class="showall-footer">开通前请阅读{{hyfw}}</view>
</view>
</view>
</uni-popup>
</view>
</template>
<script>
import moveNumber from "@/components/zhihuai-DigitJump/zhihuai-DigitJump.vue";
export default {
components: {
moveNumber,
},
data() {
return {
type:'left',
allgodmoney:15,
dqjs:'色彩小王子',
mhzc:'《热狐美术在线隐私政策》',
hyfw:'《会员服务协议》',
shows:false,
shownum:31232,
show:true,
href: 'https://uniapp.dcloud.io/component/README?id=uniui',
main:[
// name:'评画',
// name:'美术生图库',
// name:'画室避雷',
// name:'教程',
// name:'院校',
// name:'讲解图评画',
// name:'数据测分',
// name:'国画馆',
// name:'讲解图评画',
// name:'数据测分',
// name:'国画馆',
]
}
},
onLoad() {
this.get()
for (var i = 0; i < 3; i++) {
setTimeout(()=>{
this.addshownum()
},i*1000)
}
setTimeout(()=>{
setInterval((res)=>{
this.addshownumrand()
},1000)
},5000)
},
onShow() {
},
methods: {
// 请求数据
get(){
uni.request({
url:'http://43.154.234.133:1515/art/column/tree', //仅为示例，并非真实接口地址。
data: {},
header: {
'custom-header': 'hello' //自定义请求头信息
},
success: (res) => {
console.log('请求成功');
console.log(res);
}
});
},
// 前往_评分页面
gotohhpf(){
uni.showToast({
icon:"success",
title:'前往评分页面',
})
uni.navigateTo({
url:'/pages/hhpf/hhpf'
})
},
// 前往_院校分类页面
goto_hhyxfl(){
uni.showToast({
icon:"success",
title:'前往院校分类页面',
})
uni.navigateTo({
url:'/pages/rhfl/rhfl'
})
},
// 前往_图库分类页面
goto_hhmssfl(){
uni.showToast({
icon:"success",
title:'前往图库分类页面',
})
uni.navigateTo({
url:'/pages/rhtkfl/rhtkfl'
})
},
// 前往_数据测分
goto_sjcf(){
uni.showToast({
icon:"success",
title:'前往数据测分页面',
})
uni.navigateTo({
url:'/pages/rhsjcf/rhsjcf'
})
},
// 前往_评画页面
goto_hhph(){
uni.showToast({
icon:"success",
title:'前往评画页面',
})
uni.navigateTo({
url:'/pages/hhdp/hhdp'
})
},
// 打开_许愿
postykxy(){
this.$refs.popup.open()
},
// 关闭_许愿
close() {
// TODO 做一些其他的事情，before-close 为true的情况下，手动执行 close 才会关闭对话框
this.$refs.popup.close()
},
// 打开_付费
paymoney_open(){
this.$refs.paymoney.open()
},
// 关闭_付费
paymoney_close() {
// TODO 做一些其他的事情，before-close 为true的情况下，手动执行 close 才会关闭对话框
uni.showToast({
icon:"success",
title:'付费成功',
})
this.$refs.paymoney.close()
},
// 打开_大神
change(){},
showgod_open(){
this.$refs.showgod.open()
},
// 关闭_大神
showgod_close() {
// TODO 做一些其他的事情，before-close 为true的情况下，手动执行 close 才会关闭对话框
this.$refs.showgod.close()
},
// 打开_所有大神
showallgod_open(){
this.$refs.showallgod.open()
},
// 关闭_所有大神
showallgod_close(index) {
if (index==1) {
uni.showToast({
icon:"success",
title:'开通成功',
})
}
// TODO 做一些其他的事情，before-close 为true的情况下，手动执行 close 才会关闭对话框
this.$refs.showallgod.close()
},
// 确认_大神
showgod_post(){
uni.showToast({
icon:"success",
title:'打开确认',
})
},
// 打开许愿输入的
confirm(value) {
// 输入框的值
console.log(value)
// TODO 做一些其他的事情，手动执行 close 才会关闭对话框
// ...
this.$refs.popup.close()
},
// 数字_增加
addshownum(){
setTimeout(()=>{
this.shownum+=1
},1000)
},
// 数字增加
addshownumrand(){
let num= Math.floor(Math.random()*10)
// console.log('随机数',num);
this.shownum+=num
},
// 切换上下
showlook(){
this.show=!this.show
console.log(this.show);
}
}
}
</script>
<style lang="less">
page{
background-color: gainsboro;
background: url('../../static/demo3.jpg');
}
.container {
font-size: 14px;
line-height: 24px;
}
uni-popup{
}
// 许愿
.popup-content{
width:650rpx;
height: 400rpx;
border-radius: 20rpx;
background-color: #fff;
border: 3px solid #000;
.xytext{
position: absolute;
top: 60rpx;
left: 50rpx;
font-size: 45rpx;
color: black;
font-weight: bold;
--c:#000000;
font-weight: bold;
text-shadow: 0 0 1px var(--c),
0 0 3px var(--c),
}
.xyinput{
width: 90%;
margin: auto;
border-bottom: 5px solid black;
margin-top: 160rpx;
}
.xyinputbtn{
width: 220rpx;
height: 70rpx;
margin-top: 50rpx;
background-color: #000;
color: aliceblue;
line-height: 70rpx;
box-shadow: 0rpx 10rpx 10rpx 5rpx gray ;
}
}
// 付费
.paymentpopup-content{
width:650rpx;
height: 400rpx;
border-radius: 20rpx;
background-color: #fff;
border: 3px solid #000;
.xytext{
margin-top: 10px;
margin-left: 15rpx;
font-size: 41rpx;
color: black;
font-weight: bold;
--c:#000000;
}
.xyinput{
width: 90%;
margin: auto;
border-bottom: 5px solid black;
margin-top: 160rpx;
}
.xyinputbtn{
width: 220rpx;
height: 70rpx;
margin-top: 40rpx;
background-color: #000;
color: aliceblue;
line-height: 70rpx;
box-shadow: 0rpx 10rpx 10rpx 5rpx gray ;
}
.moneyshow{
// background-color: skyblue;
width: 90%;
margin-top: 50rpx;
font-size: 75rpx;
text-align: center;
// margin-right: 20rpx !important;
}
.xyfotter{
text-align: center;
color: #999;
margin-top: 15rpx;
font-weight: bold;
}
}
// 大神
.showgod{
width:650rpx;
height: 1000rpx;
border-radius: 20rpx;
background-color: #000;
border: 5px solid #fff;
display: flex;
justify-content: center;
position: relative;
.showgodmain{
display: flex;
flex-direction: column;
margin: auto;
width:95%;
height: 95%;
border-radius: 20rpx;
background-color: #000;
border: 4px solid #999;
.show-close{
position: absolute;
right: -30rpx;
top: -30rpx;
text-align: center;
box-shadow: 0rpx 8rpx 10rpx 1rpx gray;
width: 80rpx;
height: 80rpx;
background-color: white;
line-height: 80rpx;
border-radius: 50%;
}
.show-title{
position: absolute;
margin: 0,auto;
left: 50%;
margin-left: -120rpx;
top: -30rpx;
font-size: 45rpx;
font-weight: bold;
text-align: center;
line-height: 80rpx;
width: 240rpx;
height: 80rpx;
background-color: white;
border-radius: 20rpx;
}
.show-top{
height: 700rpx;
margin-top: 40rpx;
display: flex;
flex-direction: column;
justify-content: space-around;
view{
display: flex;
justify-content: space-around;
height: 200rpx;
p{
text-align: center;
line-height: 160rpx;
width: 160rpx;
height: 160rpx;
// background-color: #fff;
border-radius: 10rpx;
border: 5rpx solid;
}
}
}
.xytext{
margin-top: 10px;
margin-left: 15rpx;
font-size: 41rpx;
color: black;
font-weight: bold;
--c:#000000;
}
.xyinputbtn{
width: 310rpx;
height: 95rpx;
margin-top: 20rpx;
font-size: 45rpx;
background-color: #000;
color: aliceblue;
border: 10rpx solid white;
line-height: 70rpx;
box-shadow: 0rpx 10rpx 10rpx 5rpx gray ;
}
.xyfotter{
text-align: center;
color: white;
font-size: 35rpx;
}
}
}
// 解锁所有大神
.show-allgod{
width:450rpx;
height: 600rpx;
border-radius: 20rpx;
background-color: #000;
border: 5px solid #fff;
display: flex;
justify-content: center;
position: relative;
.show-allgod-main{
display: flex;
flex-direction: column;
margin: auto;
width:90%;
height: 90%;
border-radius: 20rpx;
background-color: #000;
border: 4px solid #999;
.show-close{
position: absolute;
right: -30rpx;
top: -30rpx;
text-align: center;
box-shadow: 0rpx 8rpx 10rpx 1rpx gray;
width: 80rpx;
height: 80rpx;
background-color: white;
line-height: 80rpx;
border-radius: 50%;
}
.showall-title{
width: 270rpx;
height: 70rpx;
// background-color: white;
border: 5rpx solid white;
border-radius: 20rpx;
margin: 0 auto;
color: white;
font-size: 35rpx;
text-align: center;
line-height: 70rpx;
margin-top: 20rpx;
}
.showall-money{
display: flex;
justify-content: center;
width: 270rpx;
height: 200rpx;
// background-color: white;
// border: 5rpx solid white;
border-radius: 20rpx;
margin: 0 auto;
color: white;
font-size: 85rpx;
text-align: center;
line-height: 200rpx;
margin-top: 50rpx;
p{
margin-top: 10rpx;
font-size: 45rpx;
}
}
.showall-butbtn{
width: 250rpx;
height: 75rpx;
margin-top: 20rpx;
font-size: 45rpx;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
background-color: white;
font-weight: bold;
color: #000;
line-height: 75rpx;
box-shadow: 0rpx 10rpx 10rpx 5rpx gray ;
}
.showall-footer{
color: #999;
text-align: center;
font-weight: bold;
height: 100rpx;
line-height: 100rpx;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-size: 25rpx;
}
}
}
/* 头部 */
.rh_title{
width: 250rpx;
height: 80rpx;
background-color: black;
margin: auto;
color: white;
font-size: 35rpx;
font-weight: bold;
text-align: center;
line-height: 80rpx;
border: 8rpx solid white;
}
/* 主题 */
.rh_main{
position: relative;
top: 100rpx;
width: 400rpx;
height: 400rpx;
background-color: black;
border: 5px solid white;
margin: auto;
border-radius: 50%;
image{
width: 100%;
height: 100%;
border-radius: 50%;
}
}
.rh_lkadd{
text-align: center;
font-size: 45rpx;
font-weight: bold;
margin-top: 150rpx;
color: white;
--c:#000000;
font-weight: bold;
text-shadow: 0 0 1px var(--c),
0 0 10px var(--c),
}
.rh_lkaddgo{
width: 90%;
margin: auto;
display: flex;
justify-content: space-between;
view{
width: 100rpx;
height: 100rpx;
background-color: black;
border: 5px solid #fff;
border-radius: 20rpx;
line-height: 100rpx;
font-size: 35rpx;
color: white;
text-align: center;
}
.rh_lkaddgo_auto{
cursor: pointer;
width: 390rpx !important;
height: 120rpx;
background-color: white;
border: 3px solid black;
line-height: 120rpx;
border-radius: 20rpx;
font-size: 55rpx;
font-weight: bold;
color: black;
border-radius: 0rpx !important;
text-align: center;
position: relative;
}
}
.rh_lkaddsize{
width:390rpx ;
position: relative;
top: 20rpx;
height: 60rpx;
background-color: black;
margin: auto;
color: white;
font-weight: bold;
font-size: 35rpx;
text-align: center;
line-height: 60rpx;
display: flex;
justify-content: space-around;
span{
color: yellow;
}
}
/* 显示 */
.show_Look{
position: absolute;
bottom: 0rpx;
width: 100%;
height: 350rpx;
background-color: wheat;
overflow: hidden;
transition: 0.8s;
}
.show_Lookstrue{
width: 100%;
height: 1100rpx;
bottom: 0rpx !important;
background-color: wheat;
transition: 0.8s;
}
/* 尾部 */
.rh_footer{
border-top:8rpx solid white;
box-shadow: 0px 10rpx 20rpx 5rpx white;
width: 100%;
height: 1100rpx;
background-color: black;
display: flex;
flex-direction: column;
justify-content: space-around;
.rh_footer_one,.rh_footer_two,.rh_footer_three,.rh_footer_four,.rh_footer_fill{
width: 100%;
display: flex;
justify-content:space-around;
view{
margin-top: 10px;
width: 200rpx;
height: 200rpx;
border: 2px solid white;
color: white;
text-align: center;
line-height: 60rpx;
font-size: 35rpx;
p{
font-weight: bold;
margin-top: 20rpx;
}
}
}
}
</style>
static/.DS_Store 0 → 100644
浏览文件 @ 9f746d6a
文件已添加
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或