浏览代码

月卡标识

zhengkaixin 2 年之前
父节点
当前提交
3c96fdbf0e
共有 2 个文件被更改,包括 83 次插入6 次删除
  1. 51 0
      pagesFinance/detailed/index.vue
  2. 32 6
      pagesFinance/share/index.vue

+ 51 - 0
pagesFinance/detailed/index.vue

@@ -132,7 +132,18 @@
 						
 						<h2 style="   text-align: end;">{{item.actualFee?item.actualFee:0}}元</h2>
 						<p style="   text-align: end;" >{{item.endTime?item.endTime.slice(11):''}}</p>
+						
+					</view>
+					<view class="sign" v-if="item.userCardId">
+						<!-- //<img src="../../assets/img/tixian.png" alt=""> -->
+						<!-- 月卡 -->
+						<view class="product_tip" >
+								<view class="product_tip_bg"></view>
+								<p>月卡</p>
+							</view>
 					</view>
+					
+					
 				</view>
 				
 					
@@ -495,6 +506,33 @@
 	}
 </style>
 <style lang="scss" scoped>
+	.product_tip{
+		  position: absolute;
+		  top: 0;
+		  right: 0;
+		  width: 26px;
+		  height: 26px;
+		  text-align: right;
+		  p{
+		    font-size: 24rpx;
+		    color: #ffffff;
+		    transform: rotate(45deg);
+		    position: relative;
+		    top: 0rpx;
+		    right: 0rpx;
+		  }
+		  .product_tip_bg{
+		    width: 0;
+		    height: 0;
+		    border-bottom: 48rpx solid #FD662A;
+		    border-right: 48rpx solid transparent;
+		    border-left: 48rpx solid transparent;
+		    transform: rotate(45deg);
+		    position: absolute;
+		    top: -7rpx;
+		    right: -29rpx;
+		  }
+		}
 	.popup-screen{
 		padding: 20px;
 		position: relative;
@@ -591,6 +629,19 @@
 		justify-content: space-between;
 		padding: 10px 20px;
 		border-bottom: 1px solid #ededed;
+		position: relative;
+		.sign{
+			width: 32px;
+			height: 32px;
+			position: absolute;
+			top: 0;
+			right: 0;
+			img{
+				width: 100%;
+			}
+		}
+		
+		
 		.detailed-item-name{
 			h4{
 				font-weight: normal;

+ 32 - 6
pagesFinance/share/index.vue

@@ -107,13 +107,13 @@
 						<h2 style="   text-align: end;">{{item.shareProfitAmount}}元</h2>
 						<p style="   text-align: end;">{{item.createTime?item.createTime.slice(10):''}}</p>
 					</view>
-
+				
+					<view class="sign" v-if="item.status=='1'">
+						<img src="../../assets/img/tixian.png" alt="">
+					</view>
 				</view>
 
-				<view class="product_tip" v-if="item.status=='1'">
-					<view class="product_tip_bg"></view>
-					<p>已提现</p>
-				</view>
+				
 			</view>
 			<u-divider v-if="list.length&&list.length == recordsTotal" color="#B6BDC3" style="margin-top:20px;"
 				bg-color="#f4f0f0">已经到底了</u-divider>
@@ -586,7 +586,33 @@
 			color: #999;
 		}
 	}
-
+.product_tip{
+	  position: absolute;
+	  top: 0;
+	  right: 0;
+	  width: 26px;
+	  height: 26px;
+	  text-align: right;
+	  p{
+	    font-size: 12px;
+	    color: #ffffff;
+	    transform: rotate(45deg);
+	    position: relative;
+	    top: 0rpx;
+	    right: 0rpx;
+	  }
+	  .product_tip_bg{
+	    width: 0;
+	    height: 0;
+	    border-bottom: 44rpx solid #FD662A;
+	    border-right: 44rpx solid transparent;
+	    border-left: 44rpx solid transparent;
+	    transform: rotate(45deg);
+	    position: absolute;
+	    top: -7rpx;
+	    right: -29rpx;
+	  }
+	}
 	.detailed-time {
 		display: flex;
 		justify-content: space-between;