sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

博客详情新增分享入口

master
gongfuxiang 2022-04-20 21:25:51 +08:00
parent 0e3a68812c
commit a06f999cc7
4 changed files with 33 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
pages/goods-detail/goods-detail.css
View File

@ -207,7 +207,6 @@
width: calc(100% - 100rpx); width: calc(100% - 100rpx);
} }
.goods-base-content .goods-share { .goods-base-content .goods-share {
position: absolute;
top: calc(50% - 40rpx); top: calc(50% - 40rpx);
right: 20rpx; right: 20rpx;
} }

4
pages/goods-detail/goods-detail.vue
View File

@ -103,8 +103,8 @@
<!-- 标题 --> <!-- 标题 -->
<view class="goods-title fl" :style="'color:' + goods.title_color">{{goods.title}}</view> <view class="goods-title fl" :style="'color:' + goods.title_color">{{goods.title}}</view>
<!-- 分享 --> <!-- 分享 -->
<view class="goods-share fr tc cp" @tap="popup_share_event"> <view class="goods-share tc cp pa" @tap="popup_share_event">
<image :src="common_static_url+'share-icon.png'" mode="scaleToFill" class="dis-block"></image> <image :src="common_static_url+'share-icon.png'" mode="scaleToFill" class="dis-block auto"></image>
<view class="cr-gray text-size-sm">分享</view> <view class="cr-gray text-size-sm">分享</view>
</view> </view>
</view> </view>

15
pages/plugins/blog/detail/detail.css
View File

@ -1,3 +1,18 @@
.title-content .blog-title {
width: calc(100% - 70rpx);
}
.title-content .blog-share {
top: calc(50% - 20rpx);
right: 0;
background: transparent;
padding: 0;
margin: 0;
}
.title-content .blog-share image {
width: 40rpx;
height: 40rpx;
}
/** /**
* 商品 * 商品
*/ */

20
pages/plugins/blog/detail/detail.vue
View File

@ -1,8 +1,18 @@
<template> <template>
<view> <view>
<view v-if="(data || null) != null" class="padding-horizontal-main padding-top-main"> <view v-if="(data || null) != null" class="padding-horizontal-main padding-top-main">
<view class="padding-main border-radius-main bg-white spacing-mb"> <view class="padding-main border-radius-main bg-white spacing-mb">
<view class="fw-b text-size-xl">{{data.title}}</view> <view class="title-content pr">
<!-- #ifndef MP -->
<view class="fw-b text-size-xl">{{data.title}}</view>
<!-- #endif -->
<!-- #ifdef MP -->
<view class="blog-title fw-b text-size-xl">{{data.title}}</view>
<button class="blog-share tr cp pa br-0 ht-auto" type="default" size="mini" open-type="share" hover-class="none">
<image :src="common_static_url+'share-icon.png'" mode="scaleToFill"></image>
</button>
<!-- #endif -->
</view>
<view class="cr-grey margin-top-lg oh br-t padding-top-main"> <view class="cr-grey margin-top-lg oh br-t padding-top-main">
<view class="fl"> <view class="fl">
<text>时间：</text> <text>时间：</text>
@ -85,10 +95,12 @@
const app = getApp(); const app = getApp();
import componentNoData from "../../../../components/no-data/no-data"; import componentNoData from "../../../../components/no-data/no-data";
import componentBottomLine from "../../../../components/bottom-line/bottom-line"; import componentBottomLine from "../../../../components/bottom-line/bottom-line";
var common_static_url = app.globalData.get_static_url('common');
export default { export default {
data() { data() {
return { return {
common_static_url: common_static_url,
data_list_loding_status: 1, data_list_loding_status: 1,
data_list_loding_msg: '', data_list_loding_msg: '',
data_bottom_line_status: false, data_bottom_line_status: false,