openShare_team.html 21.6 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427
<script src="__STATIC__/teamstyle/js/html2canvas.min.js" type="text/javascript"></script>
<style>

    .share_box{ position: fixed; right: 20px; bottom: 200px; }
    .xc-bmd{
        background:#e4374d;border-radius: 0.25rem;padding: 0.04rem 0.15rem 0.035rem 0.15rem;
    }

    .xc-people-vals{
        height: 100%;
        padding-right:0.1rem;
        padding-left:0.05rem;
        line-height: 18px;
    }
    .xc-banyuan{
        overflow: hidden;
        height:21px;
        border:1px solid  #e4374d;
        border-radius:20px;
    }
    .xc-buttom{
        margin: auto;width: 90%; position: relative;
    }

    #fimgdiv{ max-width: 100%;}
    #fimgdiv img{max-width: 100%;}
    .fs14px{
        font-size: 14px;
    }
    .fs16px{
        font-size: 16px;
    }
    .fs12px{
        font-size: 12px;
    }
    .xc-line{border-bottom: 1px solid #eee;width: 90%; margin: auto;margin-top: 23px;margin-top: 40px;margin-bottom: 20px}


    .qrcode {
        margin-top: -13px;
        width: 70px;
        height: 70px;
        right: -9px;
        top: 5px;
    }
    .goods-xiangxi {
        width: 90%;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .goods-img-top{

        width: 100%;
        height: 160px;
    }

    .goods-img{
        width: 180px;
        height: 180px;
    }

    .fs16px{
        font-size: 16px;
    }
    .fs23px{
        font-size: 23px;
    }
    .fs18px{
        font-size: 18px;
    }
    .fs20px{
        font-size: 20px;
    }
    .fs26px{
        font-size: 26px;
    }
    @media (max-width:640px ) {

        .qrcode_share{
            position: fixed;
            height: auto;
            width:330px;
            left:50%;
            z-index: 10000;
            transform: translate(-50%, -50%);
            padding: 0px;

        }
        .xc-top{
            width: 350px;padding-left:16px; height:60px
        }

        .xc-baozhang {
            padding-bottom: 12px;
            margin: 0 auto;
            margin-top: 0px;
            margin-top: 11px;
            width: 90%;
        }
        .uers_imgs{
            width: 45px;
            height: 45px;
            border-radius: 50%;
        }

        .qrcode {
            margin-top: -13px;
            width: 70px;
            height: 70px;
            right: -9px;
            top: 5px;
        }

        .goods-xiangxi {
            width: 90%;
            margin: auto;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .goods-img-top{

            width: 100%;
            height: 160px;
        }

        .goods-img{
            width: 180px;
            height: 180px;
        }
    }
    @media (max-width:500px ) {
        .qrcode_share{
            position: fixed;
            height: auto;
            width:330px;
            left:50%;
            z-index: 10000;
            transform: translate(-50%, -50%);
         padding: 0px;
        }

        .xc-baozhang {
            padding-bottom: 12px;
            margin: 0 auto;
            margin-top: 0px;
            margin-top: 11px;
            width: 90%;
        }
        .uers_imgs{
            width:45px;
            height: 45px;
            border-radius: 50%;
        }

        .qrcode {
            margin-top: -13px;
            width: 70px;
            height: 70px;
            right: -9px;
            top: 5px;
        }

        .goods-xiangxi {
            width: 90%;
            margin: auto;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .goods-img-top{

            width: 100%;
            height: 160px;
        }

        .goods-img{
            width: 180px;
            height: 180px;
        }
    }
    @media (max-width:400px ) {
        .qrcode_share{
            position: fixed;
            height: auto;
            width:330px;
            left:50%;
            z-index: 10000;
            transform: translate(-50%, -50%);
            padding: 0px;
        }
        .xc-top{
            width:330px;padding-left:16px; height:60px
        }

        .xc-baozhang {
            padding-bottom: 12px;
            margin: 0 auto;
            margin-top: 0px;
            margin-top: 11px;
            width: 90%;
        }
        .uers_imgs{
            width: 45px;
            height: 45px;
            border-radius: 50%;
        }

        .qrcode {
            margin-top: -13px;
            width: 70px;
            height: 70px;
            right: -9px;
            top: 5px;
        }

        .goods-xiangxi {
            width: 90%;
            margin: auto;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .goods-img-top{

            width: 100%;
            height: 160px;
        }

        .goods-img{
            width: 180px;
            height: 180px;
        }
    }
    .qrcode_share{position: fixed; width:75%;max-width:600px; height: auto; left:50%;
        z-index: 10000;transform: translate(-50%, -50%); padding: 0px}

    .xc-bmd{
        background:#e4374d;border-radius: 20px;padding: 0.04rem 0.15rem 0.035rem 0.15rem;
    }

    .xc-circles{
        border: 1px solid #e4374d;width: 15px;height: 15px;line-height: 15px;
        padding-top: 1px;
    }


    .xc-bottme{
        padding-left: 20px;
        padding-bottom: 20px;
    }

    .xc-baozhang{
        padding-bottom: 8px;
        margin: 0 auto;
        margin-top: 8px;
        width: 90%;
    }
    #fimgdiv{width: 100%;margin-top: 55px;}
    #fimgdiv img{max-width: 100%; }
    .fimgdivs{
        position: absolute;
        margin-top: 62px;
    }
    #fenxian {
        position: fixed;
        z-index: 1250;
    }
    .ensure{
        width: 90%;height: 20px; margin: 0 auto;
    }
    .uers_imgs {
        width: 45px;
        height: 45px;
        border-radius: 50%;
    }

    .fs25px{
        font-size: 25px;
    }
    .close{
        position: absolute; top:26px; right: -1px; z-index: 500;
    }

    .xc-top{
        width: 350px;padding-left:16px; height:60px;
    }
    .people-frame{
        width: 26px;
        background: #e4374d;
    }
    .people-frame .imgs{
        width: 16px;
        height: 16px;
        margin-top: 2px;
    }
    .xc-open-val{
        margin-left: 0.08rem;margin-top: 0.03rem;
    }
</style>
<img src="__STATIC__/images/weixin/share_bg.png" style="display: none;">
<link rel="stylesheet" type="text/css" href="__STATIC__/css/layer.css"/>
<script type="text/javascript" src="__STATIC__/js/layer.js"></script>

<!--<div onClick="lookshare(event)" class="share_box">-->
    <!--<img style="width:30px;height: 30px;"  src="__STATIC__/images/fenxian.png" class="zwp">-->
<!--</div>-->

<!--分享生成图片的html,有team-->
<div style="display: block" id="fenxian">
    <div id="fenx" style="display: none;position:fixed;background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;top: 0px;left: 0px">
        <div id="qrcode_share" ><!--style="display: none"-->
            <div class="bgdiv" onclick="close_qrcode_share()"></div>
            <div class="qrcode_share" id="qrcode_share_id">

                      <div class="close"  onclick="close_qrcode_share()">
                    <img src="__STATIC__/teamstyle/img/jt-n1.png" style="width: 26px;"></div>
                      <div id="fimgdiv" class="fimgdivs" >
                          <div style="background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAioAAAODCAYAAACSVCohAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNTViMGY4ZS02NTJmLTY4NGMtODBhNy1hYzkzNWU5ZDZlMjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkVEMjlGMThCMUQ1MTFFOUJCRDdDRDQ0OEE5QTcwRTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkVEMjlGMTdCMUQ1MTFFOUJCRDdDRDQ0OEE5QTcwRTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlkOGNkZDcwLTNkYzUtOGI0MC1hODRhLWJhYzZkNTdjM2NjYyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4ZWRiNGRmMi1mYTBkLTAzNDQtOTMyYy05YTVhNDg4MTk2ODYiLz4gPC9y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AgAIFQAAoQIAIFQAAKECACBUAAChAgAgVAAAhAoAIFQAAIQKACBUAACECgCAUAEAhAoAgFABAIQKAIBQAQAQKgCAUAEAECoAgFABABAqAIBQAQAQKgAAQgUAECoAAEIFABAqAABCBQBAqAAAQgUAQKgAAEIFAECoAAAIFQBAqAAACBUAQKgAAAgVAAChAgAIFQAAoQIACBUAAKECACBUAAChAgAgVAAAoQIAIFQAAKECACBUAACECgAgVAAAhAoAIFQAAIQKAIBQAQCECgCAUAEAhAoAgFABABAqAIBQAQAQKgCAUAEAECoAAEIFABAqAABCBQAQKgAAQgUAQKgAAEIFAECoAABCBQBAqAAAQgUAQKgAAAgVAECoAAAIFQBAqAAACBUAAKECAAgVAAChAgAIFQAAoQIAIFQAAKECACBUAAChAgAgVAAAhAoAIFQAAIQKACBUAACECgCAUAEAhAoAgFABAIQKAIBQAQAQKgCAUAEAECoAgFABABAqAIBQAQAQKgAAQgUAECoAAEIFABAqAABCBQBAqAAAQgUAQKgAAEIFAECoAAAIFQBAqAAACBUAQKgAAAgVAAChAgAIFQAAoQIACBUAAKECACBUAAChAgAgVAAAoQIAIFQAAKECACBUAACECgAgVAAAhAoAIFQAAIQKAIBQAQCECgCAUAEAhAoAgFABABAqAIBQAQAQKgCAUAEAECoAAEIFABAqAABCBQAQKgAAQgUAQKgAAEIFAECoAABCBQBAqAAAQgUAQKgAAAgVAECoAAAIFQBAqAAACBUAAKECAAgVAAChAgAIFQAAoQIAIFQAAKECACBUAAChAgAgVAAAhAoAIFQAAIQKACBUAACECgCAUAEAhAoAgFABAIQKAIBQAQAQKgCAUAEAECoAgFABABAqAIBQAQAQKgAAQgUAECoAAEIFABAqAABCBQBAqAAAQgUAQKgAAEIFAECoAAAIFQBAqAAACBUAQKgAAAgVAAChAgAIFQAAoQIACBUAAKECACBUAAChAgAgVAAAoQIAIFQAAKECACBUAACECgAgVAAAhAoAIFQAAIQKAIBQAQCECgCAUAEAhAoAgFABABAqAIBQAQAQKgCAUAEAECoAAEIFABAqAABCBQAQKgAAQgUAQKgAAEIFAECoAABCBQBAqAAAQgUAQKgAAAgVAECoAAAIFQBAqAAACBUAAKECAAgVAAChAgAIFQAAoQIAIFQAAKECACBUAAChAgAgVAAAhAoAIFQAAIQKACBUAACECgCAUAEAhAoAgFABAIQKAIBQAQAQKgCAUAEAECoAgFABABAqAIBQAQAQKgAAQgUAECoAAEIFABAqAABCBQBAqAAAQgUAQKgAAEIFAECoAAAIFQBAqAAACBUAQKgAAAgVAAChAgAIFQAAoQIACBUAAKECACBUAAChAgAgVAAAoQIAIFQAAKECACBUAACECgAgVAAAhAoAIFQAAIQKAIBQAQCECgCAUAEAhAoAgFABABAqAIBQAQAQKgCAUAEAECoAAEIFABAqAABCBQAQKgAAQgUAQKgAAEIFAECoAABCBQBAqAAAQgUAQKgAAAgVAECoAAAIFQBAqAAACBUAAKECAAgVAAChAgAIFQAAoQIAIFQAAKECACBUAAChAgAgVAAAhAoAIFQAAIQKACBUAACECgCAUAEAhAoAgFABAIQKAIBQAQAQKgCAUAEAECoAgFABABAqAIBQAQAQKgAAQgUAECoAAEIFABAqAABCBQBAqAAAQgUAQKgAAEIFAECoAAAIFQBAqAAACBUAQKgAAAgVAAChAgAIFQAAoQIACBUAAKECACBUAAChAgAgVAAAoQIAIFQAAKECACBUAACECgAgVAAAhAoAIFQAAIQKAIBQAQCECgCAUAEAhAoAgFABABAqAIBQAQAQKgCAUAEAECoAAEIFABAqAABCBQAQKgAAQgUAQKgAAEIFAECoAABCBQBAqAAAQgUAQKgAAAgVAECoAAAIFQBAqAAACBUAAKECAAgVAAChAgAIFQAAoQIAIFQAAKECACBUAAChAgAgVAAAhAoAIFQAAIQKACBUAACECgCAUAEAhAoAgFABAIQKAIBQAQAQKgCAUAEAECoAgFABABAqAIBQAQAQKgAAQgUAECoAAEIFABAqAABCBQBAqAAAQgUAQKgAAEIFAECoAAAIFQBAqAAACBUAQKgAAAgVAAChAgAIFQAAoQIACBUAAKECACBUAAChAgAgVAAAoQIAIFQAAKECACBUAACECgAgVAAAhAoAIFQAAIQKAIBQAQCECgCAUAEAhAoAgFABABAqAIBQAQAQKgCAUAEAECoAAEIFABAqAABCBQAQKgAAQgUAQKgAAEIFAECoAABCBQBAqAAAQgUAQKgAAAgVAECoAAAIFQBAqAAACBUAAKECAAgVAAChAgAIFQAAoQIAIFQAAKECACBUAAChAgAgVAAAhAoAIFQAAIQKACBUAACECgCAUAEAhAoAgFABAIQKAIBQAQAQKgCAUAEAECoAgFABABAqAIBQAQAQKgAAQgUAECoAAEIFABAqAABCBQBAqAAAQgUAQKgAAEIFAECoAAAIFQBAqAAACBUAQKgAAAgVAAChAgAIFQAAoQIACBUAAKECACBUAAChAgAgVAAAoQIAIFQAAKECACBUAACECgAgVAAAhAoAIFQAAIQKAIBQAQCECgCAUAEAhAoAgFABABAqAIBQAQAQKgCAUAEAECoAAEIFAPi4hUpXXOS6umwRAGDIFLVIV3Go7IiLzPs7czYRADBUilpkR3GorIuLXRs2ChUAYMgUtci64lD537hof2FNt00EAAyV9hdfKbTIquJQWREXrf/5XNYmAgCGSlGLrCgOld/ERcvSxmymtc3DPwDAftf1Xmuu5Znl2eI2KYRKW5gl8Zm2Tff9PGNTAQD7W/P9CzP5s34endm0urU4VKK742Lz3Q9kura3OKoCAOw38WhKbJD8zXsK9xeHyrIwv8q07chtuOEfO20yAGB/ie0RGyTx0dGUZXsLlehrYVq2/vLJbPPPFnoICAAYdLE5tj7yRHxuSmu+RXZLXTlyfPHt98O8Hebi1mWN2RFTjy4bceRkl9kHAAbF9l8vza776g2diVzPs06umtm0+rf7CpVoTZiG8AV/sn3J09nycWOTI6dNFSsAwIBqfmBxZt3V3+rMZXsunXJviJTb9/ycvYVK9GQhVlqefja7a8PG7prTT06lRhyUtFkBgP6IJ+28ce0/dG764U8y+SMpMVK+srfP/UOhUoiVePnacz545fXKLQ89kk1ks4kRxx5ZVlZVJVgAgJLEa7VtXvBAZu386zrbV70UD6PE56TM39uRlILk8vqT/th6J4a5LcxFPV9Qnk6Mmn1mqu7sM1IHTz+hrPKwicl0zcHJeD8AQJTryiQyO97PdWx8J/d+iJJ4xdl4YdmiV0f+VZhrQ6S8s6/19CZUCmaH+XKYC2x+AKCPloRZEAJlaW8+uZTDIEvzUxtmTpgZYU4OMzlMXYnrAgA+2eJlTuJDOxvC/E/io9fuiZfFbytlJX2Ji/gNfpEfAIBB838CDABC0FMQyF8TNQAAAABJRU5ErkJggg==')no-repeat;background-size:100% 100%; background-color:rgba(0,0,0,0); padding-bottom: 15px;">
                    <div class="flex ai_center xc-top" >
                        <img class="uers_imgs" src="{$share_head_pic}">
                        <div class="flex">
                        <text class="fs14px" style="margin-left: 0.1rem;">{$tpshop_config.user.nickname}</text>
                            <div style="margin-left: 10px;">
                        <text class="xc-bmd fc fs12px">强烈推荐</text>
                            </div>
                        </div>
                    </div>

                    <div class="flex ai_center goods-xiangxi" >
                        <div class="fs16px" style="width: 74%; height: 36px; line-height: 18px;">{$pdact.title}</div>
                        <div style="line-height: 23px">
                            <p class="fr fs20px" style="margin-left: 0.1rem;"><text class="fs020"></text>{$pdact.price}</p>
                            <p class="fs16px fg word-line" style="margin-left: 0.15rem;margin-top: -0.05rem"><text class="fs16px"></text>{$gd.market_price}</p>
                        </div>
                    </div>

                    <div class="pic mui-clearfix t_c  goods-img-top">
                        <img class="goods-img"  src="{$shareimg}"  />
                    </div>
                              <div class="xc-line"></div>
                    <div class="xc-buttom">

                           <!-- 会员团 ,阶梯团 商家团-->
                            <!--<div class="fs16px">好物拼起来,拼拼更划算</div>-->
                           <!-- 商家 会员团 才有的 -->
                            <if condition="$act.kttype neq 3">
                               <div style="margin-top: 0.1rem">
                                <div class=" flex ai_center">
                                    <div class="t_c flex jc_center xc-banyuan">
                                        <div class=" flex jc_center people-frame">
                                            <img  class="imgs" src="__STATIC__/images/weixin/w_logo.png">
                                        </div>
                                        <div class="fr flex ai_center xc-people-vals">
                                            {$act.ct_num}人拼团
                                        </div>

                                    </div>


                                    <text class="fr xc-open-val"  style="font-size:16px">
                                        已拼{$act.buy_num}份
                                    </text>
                                </div>
                               </div>
                            <else/>
                               <!--   阶梯团的样式-->
                                <div style="width: 100%;" class="ellipsis-1" >
                                    <foreach name="ct_rylist" item="v">
                                       <div style=" width:25.33%;display: inline-block">
                                          <div class="fr"><text style="font-size:10px"></text><text class="fs16px">{$v.price}</text></div>
                                           <p class="fs14px fg" >满{$v.rynum}人</p>
                                       </div>
                                    </foreach>

                               </div>
                            </if>

                            <p style="margin-top: 0.15rem">就差你了,一起购买更优惠!</p>
                            <div style="margin-top: 0.05rem;"> 长按识别二维码,立即参团</div>

                           <div class="qrcode abs" >
                            <img id="goods_code" src="{$shareurlimg}" width="65" height="65"></div>
                           </div>
                           <div style="clear: both"></div>
                    </div>

                   </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    function convertCanvasToImage(canvas) {
        var image = new Image();image.src = canvas.toDataURL("image/png");
        return image;
    }
    function close_qrcode_share() {
        $("#qrcode_share").fadeOut(3);
        $("#fenx").fadeOut(3);
    }
    //分享生成图片
    function lookshare(e) {

        $("#fx-pop").addClass("hide");
        e.stopPropagation();
        $("#fenx").show();
        $("#qrcode_share").show(3);

        if (!$("#fimgdiv").hasClass('hasqr')) {
           var ui= layer.open({type:2,shadeClose: false});
           setTimeout(function () {
               var canvas = document.querySelector("canvas");
               html2canvas(document.getElementById("fimgdiv"),{y:55,scrollY:0,backgroundColor: 'transparent'}).then(function (canvas) {
                   $("#fimgdiv").html('').addClass('hasqr');
                   document.getElementById("fimgdiv").appendChild(convertCanvasToImage(canvas));
               });
               layer.close(ui);
           },100);
        }


    }
</script>