hxx/uni-app-shopping
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

分享按钮

Browse Source
This commit is contained in:
jqtmviyu@gmail.com 2021-02-27 17:15:18 +08:00
parent c36e3053e9
commit af176ea03e
1 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/goods_detail/goods_detail.vue
View File

@ -11,13 +11,23 @@
<view class="info"> <view class="info">
<view class="info_head"> <view class="info_head">
<text class="price">{{ goods_price }}</text> <text class="price">{{ goods_price }}</text>
<view class="iconfont icon-zhuanfa"></view> <view class="iconfont icon-zhuanfa open_type_button_wrap">
<button class="open_type_button" open-type="share">分享按钮</button>
</view>
<view class="iconfont icon-shoucang1"></view> <view class="iconfont icon-shoucang1"></view>
</view> </view>
<view class="title"> <view class="title">
{{goods_name}} {{goods_name}}
</view> </view>
</view> </view>
<!-- 间隔槽 -->
<u-gap height="20" bg-color="#F9F9F9"></u-gap>
<!-- 3.0 图文详情 -->
<view class="detail">
<view class="detail_title">图文详情</view>
<rich-text :nodes="goods_introduce"></rich-text>
</view>
</view> </view>
</template> </template>
@ -95,4 +105,17 @@ export default {
margin: 5rpx; margin: 5rpx;
} }
} }
// 分享按钮, 子绝父相, 透明度0
.open_type_button_wrap {
position: relative;
.open_type_button {
position: absolute;
opacity: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
}
</style> </style> </style> </style>