博客详情新增分享入口

master
gongfuxiang 2022-04-20 21:25:51 +08:00
parent 0e3a68812c
commit a06f999cc7
4 changed files with 33 additions and 7 deletions

View File

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

View File

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

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;
}
/**
*
*/

View File

@ -2,7 +2,17 @@
<view>
<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="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="fl">
<text>时间</text>
@ -86,9 +96,11 @@
import componentNoData from "../../../../components/no-data/no-data";
import componentBottomLine from "../../../../components/bottom-line/bottom-line";
var common_static_url = app.globalData.get_static_url('common');
export default {
data() {
return {
common_static_url: common_static_url,
data_list_loding_status: 1,
data_list_loding_msg: '',
data_bottom_line_status: false,