|
|
@@ -0,0 +1,141 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <view class="sticky-nav">
|
|
|
+ <view class="nav-box">
|
|
|
+ <image src="../../../static/index/gongdeng/back.png" class="gongdeng_back" @click="backHome">
|
|
|
+ </image>
|
|
|
+ <text class="back-text">返回</text>
|
|
|
+ <text class="close-text">关闭</text>
|
|
|
+ <text class="gongdeng-text">供灯信息</text>
|
|
|
+ <image src="../../../static/index/gongdeng/share_white_icon.png" class="gongdeng_operate"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="bg-box">
|
|
|
+ <view class="fo-result-box">
|
|
|
+ <image class="wish-btn" src="../../../static/index/gongdeng/wish_btn.png"></image>
|
|
|
+ <image class="fo-img" src="../../../static/index/gongdeng/a_mi_tuo_fo2.png"></image>
|
|
|
+ <image class="result-btn" src="../../../static/index/gongdeng/result_btn.png"></image>
|
|
|
+ </view>
|
|
|
+ <view class="light-box">
|
|
|
+ <image class="light-img" src="../../../static/index/gongdeng/light_two.png"></image>
|
|
|
+ <view class="user-name">{{userName}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="foxiang-name">{{foxiang}}</view>
|
|
|
+ <view class="share-box">
|
|
|
+ <image class="share-img" src="../../../static/index/gongdeng/share_btn.png"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default{
|
|
|
+ data(){
|
|
|
+ return{
|
|
|
+ userName:'111',//用户名
|
|
|
+ foxiang:'阿弥陀佛',//佛像名称
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+ .sticky-nav {
|
|
|
+ position: sticky;
|
|
|
+ width: 100%;
|
|
|
+ top: 0;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nav-box {
|
|
|
+ width: 100%;
|
|
|
+ padding-top: 55rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ background: linear-gradient(rgb(255, 152, 101), rgb(255, 122, 85));
|
|
|
+ height: 100rpx;
|
|
|
+ padding-bottom: 55rpx;
|
|
|
+ .gongdeng_back {
|
|
|
+ width: 55rpx;
|
|
|
+ height: 55rpx;
|
|
|
+ padding-left: 15rpx;
|
|
|
+ // padding-right: 5rpx;
|
|
|
+ }
|
|
|
+ .back-text{
|
|
|
+ color: #fff;
|
|
|
+ font-size: 30rpx;
|
|
|
+ padding-right: 15rpx;
|
|
|
+ }
|
|
|
+ .close-text{
|
|
|
+ color:#fff;
|
|
|
+ font-size: 30rpx;
|
|
|
+ padding-right: 95rpx;
|
|
|
+ }
|
|
|
+ .gongdeng-text {
|
|
|
+ font-size: 42rpx;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .gongdeng_operate {
|
|
|
+ width: 48rpx;
|
|
|
+ height: 46rpx;
|
|
|
+ padding-left: 215rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .bg-box{
|
|
|
+ width:450px;
|
|
|
+ height: 705px;
|
|
|
+ background:url(../../../static/index/gongdeng/lifo_bg.png) no-repeat ;
|
|
|
+ background-size: 450px 705px;
|
|
|
+ .fo-result-box{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ padding-top: 270rpx;
|
|
|
+ .wish-btn{
|
|
|
+ width:99rpx;
|
|
|
+ height:195rpx;
|
|
|
+ padding-right: 95rpx;
|
|
|
+ }
|
|
|
+ .fo-img{
|
|
|
+ width:345rpx;
|
|
|
+ height:404rpx;
|
|
|
+ padding-right: 105rpx;
|
|
|
+ }
|
|
|
+ .result-btn{
|
|
|
+ width:100rpx;
|
|
|
+ height:211rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .light-box{
|
|
|
+ text-align: center;
|
|
|
+ position: relative;
|
|
|
+ .light-img{
|
|
|
+ width: 237rpx;
|
|
|
+ height:238rpx;
|
|
|
+ }
|
|
|
+ .user-name{
|
|
|
+ position: absolute;
|
|
|
+ color: #ff0000;
|
|
|
+ font-size: 30rpx;
|
|
|
+ top:155rpx;
|
|
|
+ left:355rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .foxiang-name{
|
|
|
+ text-align: center;
|
|
|
+ color:#ff0000;
|
|
|
+ font-size: 30rpx;
|
|
|
+ }
|
|
|
+ .share-box{
|
|
|
+ margin-top: 56rpx;
|
|
|
+ text-align: center;
|
|
|
+ .share-img{
|
|
|
+ width:268rpx;
|
|
|
+ height:101rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
