duck/pages/product/common/groupContent.vue

<template>
	<view class="introduce-section">
		<text class="title clamp">
			{{goodsObjact.title}}
			<!-- <text class="tip-o">截单后8小时到货</text> -->
		</text>
<!-- 		<button open-type="share" class="shareDate flex_item">
			<image class="share-img" src="/static/img/img085.png"></image>
			<view class="name">分享</view>
		</button> -->
		<!-- <view class="progress-box">
			<progress :percent="goodsObjact.percent | parseIntTo" activeColor="#F65527" font-size="10" show-info border-radius="5" stroke-width="9" />
			<view class="number">剩余{{ goodsObjact.percent | parseIntTo }}%</view>
		</view> -->
<!-- 		<view class="old_price" v-if="goodsObjact.pink_type == '达人团'">
			￥{{ goodsObjact.product_price }}
		</view> -->
		<!-- <text class="info" v-if="goodsObjact.store_info">{{ goodsObjact.store_info }}</text> -->
		<!-- <view class="price-green">
			￥{{ goodsObjact.product_price }}
			<text>市场价</text>
		</view> -->
    <view class="good-base">
      <view class="postage">邮费：{{goodsObjact.postage}}</view>
      <view class="stock">剩余：{{goodsObjact.stock}}</view>
      <view class="addr">浙江省 台州市</view>
    </view>
	</view>
</template>

<script>
export default {
	props: {
		goodsObjact: {
			type: Object,
			default: function() {
				return {
					store_info: '',
					ot_price: ''
				};
			}
		}
	},
	data() {
		return {};
	},
	filters: {
		parseIntTo(percent) {
			percent = +percent * 100;
			if (percent % 1 === 0) {
				return percent;
			} else {
				percent = percent.toFixed(1);
				return percent;
			}
		}
	},
	methods: {
		Getcoupon() {
			this.$emit('click');
		}
	}
};
</script>

<style lang="scss">
/* 标题简介 */
.introduce-section {
	position: relative;
	background: #fff;
	padding: 35rpx 0rpx;
	padding-left: 35rpx;
  margin-bottom: 15rpx;
	.title {
		font-size: 32rpx;
		color: $font-color-dark;
		height: 50rpx;
		width: 70%;
		font-weight: bold;
		.tip-o {
			color: #ff3334;
			padding-left: 15rpx;
			font-size: 25rpx;
		}
	}
	.shareDate {
		padding: 15rpx 25rpx;
		padding-bottom: 25rpx !important;
		position: absolute;
		top: 25rpx;
		right: 0rpx;
		font-size:30rpx;
		color: #3d3f46;
		border-bottom-left-radius: 25rpx;
		border-top-left-radius: 25rpx;
		background-color: #ffffff;
		height: 60rpx;
		background-color:#F2FEE6;
		border: none !important;
	}
	uni-button:after{
		border: none !important;
	}
	.share-img {
		width: 45rpx;
		height: 45rpx;
		position: relative;
		top: 5rpx;
		left: 0;
		margin-right: 10rpx;
	}
	.name{
		position: relative;
		top: 5rpx;
	}
	.progress-box {
		width: 260rpx;
		position: relative;
		margin-top: 15rpx;
		line-height: 10px;
		.number {
			font-size: 17rpx;
			position: absolute;
			z-index: 999;
			top: 3rpx;
			left: 15rpx;
			color: #ffffff;
		}
	}
	.old_price {
		margin-top: 10rpx;
		font-size: $font-base;
		text-decoration: line-through;
		color: #7a7a7a;
	}
	.info {
		color: #999999;
		font-size: 26rpx;
		padding-bottom: 15rpx;
	}
	.price-green {
		color: #2dbd59;
		font-size: 28rpx !important;
		text {
			background: #2dbd59;
			color: #ffffff;
			padding: 0rpx 10rpx;
			border-radius: 5rpx;
			font-size: 22rpx !important;
			margin-left: 15rpx;
		}
	}
  .good-base {
    padding-top: 20rpx;
    display: flex;
    // padding: 0 30rpx;
    padding-right: 30rpx;
    justify-content: space-between;
    font-size: 24rpx;
    font-weight: 500;
    color: #999999;
  }
}
</style>