From 3cbd9dc493e8663d9ec1a2816e664f7c9289b8a3 Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期四, 21 九月 2023 14:05:16 +0800
Subject: [PATCH] no message
---
h5/apph5/components/items/LineItem.vue | 238 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 238 insertions(+), 0 deletions(-)
diff --git a/h5/apph5/components/items/LineItem.vue b/h5/apph5/components/items/LineItem.vue
new file mode 100644
index 0000000..79d9d73
--- /dev/null
+++ b/h5/apph5/components/items/LineItem.vue
@@ -0,0 +1,238 @@
+<template>
+ <view class="item-v" @click="getShareLink(items)">
+ <view class="item-img">
+ <image :src="items.mainPic">
+ </image>
+ </view>
+ <view class="item-txt">
+ <view style="display: flex;">
+ <image :src="items.labelImg"></image>
+ <view class="item-txt-title">{{items.title}}</view>
+ </view>
+ <view class="item-coupon">
+ <view class="cop-con">
+ <view class="cop-txt">鍒�</view>
+ <view class="cop-money">楼{{items.couponPrice}}</view>
+ </view>
+ </view>
+ <view class="item-bottom">
+ <view class="item-price">
+ <view>鍒稿悗浠�<span class="item-price-prc">楼{{items.actualPrice}}</span></view>
+ <view style="text-decoration: line-through;">鍘熶环:{{items.originalPrice}}</view>
+ </view>
+
+ <view class="item-copy">澶嶅埗閾炬帴</view>
+
+ </view>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ props: {
+ items: Object,
+ isrecord: {
+ type: Boolean,
+ default: false,
+ text: ''
+ },
+ },
+ created() {},
+ methods: {
+
+ copyText() {
+ // #ifdef H5
+ this.$copyText(this.text).then(
+ res => {
+ uni.showToast({
+ title: '浼樻儬閾炬帴宸插鍒讹紝鐜板湪鎵撳紑鎵嬫満娣樺疂锛岄鍙栦紭鎯犲埜鍚',
+ icon: 'none',
+ duration: 2500
+ })
+ }
+ )
+ // #endif
+ // #ifndef H5
+ uni.setClipboardData({
+ data: this.text,
+ success: () => {
+ uni.showToast({
+ title: '浼樻儬閾炬帴宸插鍒讹紝鐜板湪鎵撳紑鎵嬫満娣樺疂锛岄鍙栦紭鎯犲埜鍚',
+ icon: 'none',
+ duration: 2500
+ })
+ }
+ })
+ // #endif
+ },
+ getShareLink(items) {
+
+ if (this.isrecord) { //璁板綍鐐瑰嚮
+ this.recordClick(items.goodsId, items.sourceType, items.dtitle, items.actualPrice);
+ }
+ var goodsid = items.goodsId;
+ var that = this;
+ let postdata = {
+ goodsId: goodsid
+ };
+ uni.showLoading({
+ title: '澶嶅埗涓�..',
+ mask: true
+ });
+ this.$http.post('/api/taoke/get_privilege_link',
+ postdata
+ ).then(e => {
+ uni.hideLoading();
+ if (e.code != 0) {
+ return;
+ }
+ this.text = e.data.info.longTpwd;
+ uni.getSystemInfo({
+ success: function(res) {
+ if (res.osName == 'ios') {
+ uni.showModal({
+ title: '鎻愮ず',
+ content: '浼樻儬淇℃伅澶嶅埗鍚庯紝璇锋墦寮�鎵嬫満娣樺疂棰嗗埜',
+ showCancel: false,
+ confirmText: '澶嶅埗浼樻儬淇℃伅',
+ success: function(res) {
+ if (res.confirm) {
+ that.copyText();
+ }
+ }
+ });
+ }
+ else{
+ that.copyText();
+ }
+ }
+ });
+
+ //this.oncopy(e.data.info.longTpwd);
+ }).catch(function(err) {
+ console.log(err);
+ })
+ },
+ recordClick(goodsid, plat, title, act_price) {
+ let postdata = {
+ goodsid: goodsid,
+ plat: plat,
+ title: title,
+ act_price: act_price
+ }
+ this.$http.post('/api/activity/recordItemClick',
+ postdata
+ ).then(e => {
+
+ }).catch(function(err) {
+ console.log(err);
+ })
+ }
+ },
+ }
+</script>
+
+<style>
+ .item-price-prc {
+ color: #fe3a3f;
+ font-size: 1rem;
+ margin-right: 0.2rem;
+ font-weight: 500;
+ }
+
+ .cop-txt {
+ padding: 0.1rem;
+ }
+
+ .cop-money {
+ display: flex;
+ align-items: center;
+ height: 100%;
+ font-weight: 400;
+ color: #ff4d42;
+ background: #fff;
+ padding: 0.1rem;
+ }
+
+ .cop-con {
+ display: inline-flex;
+ background: linear-gradient(0deg, #ff753c, #ff4b42);
+ color: #fff;
+ padding: 0.05rem;
+ font-size: 0.7rem;
+
+ }
+
+ .item-v {
+ display: flex;
+ justify-content: space-between;
+ padding: 0.5rem;
+ background: #fff;
+ border-radius: 0.3rem;
+ width: 92%;
+ margin: 0 auto;
+ margin-bottom: 0.3rem;
+ }
+
+ .item-img {
+ width: 20%;
+ }
+
+ .item-img image {
+ width: 6rem;
+ height: 6rem;
+ }
+
+ .item-txt {
+ width: 70%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ }
+
+ .item-txt image {
+ width: 1.6rem;
+ height: 0.9rem;
+ }
+
+ .item-txt-title {
+ font-size: 0.7rem;
+ margin-left: 0.3rem;
+ text-overflow: -o-ellipsis-lastline;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ line-clamp: 2;
+ -webkit-box-orient: vertical;
+ width: 90%;
+ }
+
+ .item-price {
+ display: flex;
+ font-size: 0.5rem;
+ align-items: baseline;
+ color: #8d8484;
+ }
+
+ .item-bottom {
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .item-copy {
+ width: 5.22rem;
+ height: 1.66rem;
+ background: linear-gradient(-90deg, #fe3a3f, #faa450);
+ font-size: 0.7rem;
+ font-weight: 500;
+ color: #fffefd;
+ line-height: 1.66rem;
+ text-align: center;
+ border: 0;
+ outline: 0;
+ float: right;
+ border-radius: 1rem;
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.3