关于h5与app的交互（有App直接打开没有App跳转下载商城）

原创

于 2023-02-15 17:06:03 发布 · 453 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#交互 #javascript #开发语言

这是一个Vue.js模板，展示了拼团页面的结构和功能，包括商品信息、拼团流程、参团人员和活动规则。JoinTogether方法处理用户点击“我要加入”时的逻辑，区分Android和iOS设备以打开相应应用或下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说，直接看代码，主要看JoinTogether方法

<template>

  <div class="share-page">

    <div>

      <div class="share-row1">

        <div class="share-img">

          <img

            :src="shareList.banners[0].imageUrl"

            alt=""

            width="100%"

            height="100%"

          />

        </div>

        <div class="share-price">活动价<span>￥69</span></div>

        <div class="share-yprice">原价<span>￥99</span></div>

        <div>商品描述:{
   
   {
   
    shareList.description }}</div>

      </div>

      <div class="share-row1">

        <div class="share-title">拼团流程</div>

        <div class="grid">

          <div class="line-row">

            <div class="share-tuan">

              <div class="share-row1-img"></div>

              <div class="share-row1-title">发起拼团</div>

            </div>

            <div class="row1-line-img">

               <img src="../../../img/share-tuan.png" width="100%" height="100%" alt="">

            </div>

            <div class="share-tuan">

              <div class="share-row1-img"></div>

              <div class="share-row1-title">邀请好友</div>

            </div>

            <div class="row1-line-img">

              <img src="../../../img/share-tuan.png" width="100%" height="100%" alt="">

            </div>