123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- <template>
- <view>
- <!-- 个人信息 -->
- <view class="userBox flexe">
- <view class="" style="font-size: 0;">
- <image class="userImg"
- src="https://img2.baidu.com/it/u=223726554,3148772466&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800"
- mode=""></image>
- </view>
- <view class="" style="flex: 1;">
- <view class="name">
- <view class="el1" style="max-width: 150rpx;">
- 张三
- </view>
- <view class="jieqi" :style="jieqiFn('大暑',1)">
- 甲辰•大暑
- </view>
- </view>
- <view class="phone">
- 19965276296
- </view>
- </view>
- <view class="">
- <uni-icons type="right" size="36rpx"></uni-icons>
- </view>
- </view>
- <!-- 顶部大图 -->
- <view class="top">
- <image class="topImg"
- src="http://gips3.baidu.com/it/u=3886271102,3123389489&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960"
- mode=""></image>
- <view class="danMu" v-if="DanMuBoon">
- <DanMu></DanMu>
- </view>
- </view>
- <!-- 会员信息 -->
- <view class="">
- <VIPVue></VIPVue>
- </view>
- <view class="">
- <up-button @click="fn" type="primary" text="管理端临时入口"></up-button>
- </view>
- <view class="">
- <up-button @click="fn1" type="primary" text="落地页临时入口"></up-button>
- </view>
- </view>
- </template>
- <script setup>
- import {
- ref,
- reactive
- } from 'vue'
- import {
- HTTP
- } from '@/api/http.js'
- import {
- onShow,
- onLoad,
- onReachBottom
- } from '@dcloudio/uni-app'
- import {
- jieqiFn
- } from '@/config' //返回节气样式(a,b),a是节气名称,b是类型,1是返回背景颜色,2是返回边框颜色,3是返回字体颜色
- import DanMu from "@/components/DanMu/DanMu.vue" //弹幕
- import VIPVue from './componnts/VIP.vue'
- const DanMuBoon=ref(false)
- const fn=()=>{//去管理系统临时入口
- uni.navigateTo({
- url:"/pagesGL/index/index"
- })
- }
- const fn1=()=>{//去落地页的临时入口
- uni.navigateTo({
- url:"/pages/LDY/LDY"
- })
- }
- onShow(()=>{
- DanMuBoon.value=false
- let tm=setTimeout(()=>{
- DanMuBoon.value=true
- clearTimeout(tm)
- },200)
- })
- </script>
- <style lang="scss" scoped>
- page {
- background: #f6f6f6;
- }
- // 用户信息
- .userBox {
- padding: 20rpx;
- background: #fff;
- .userImg {
- width: 80rpx;
- height: 80rpx;
- border-radius: 50%;
- }
- .name {
- display: flex;
- .jieqi {
- margin-left: 16rpx;
- line-height: 40rpx;
- padding: 0 8rpx;
- border-radius: 8rpx;
- color: #fff;
- }
- }
- }
- // 顶部大图
- .top {
- position: relative;
- font-size: 0;
- .topImg {
- width: 750rpx;
- height: 400rpx;
- }
- .danMu {
- position: absolute;
- top: 0;
- left: 0;
- }
- }
- </style>
|