info-template.php 4.07 KB
<?php

use yii\helpers\Url;

$baseUrl = Url::base(true);
?>
<style>
    #info .page-content {
        background-color: #fff;
    }
    #info .scan-image-div {
        padding-top: 1.25rem;
        text-align: center;
    }
    #info .scan-image {
        width: 85%;
        height: auto;
        min-height: 16rem;
        max-height: 18rem;
        margin: 0 auto;
    }
    #info .scan-tip {
        margin: 0 auto;
        width: 85%;
        font-size:0.94rem;
        text-align: left;
        font-weight:400;
        color:rgba(106,106,106,1);
        line-height:1.41rem;
        margin-top: 1.84rem;
    }

    #info .title{
        font-size:1.06rem;
        font-weight:500;
        color:rgba(0,0,0,1);
        line-height:1.68rem;
    }

    #info .content{
        font-size:0.94rem;
        font-weight:400;
        color:rgba(106,106,106,1);
        line-height:1.41rem;
    }
    #info .image_button {
        padding: 0.2rem 0.5rem;margin-right:0.5rem;color:#fff;background-color: #00BC70;border-radius: 1rem;
    }
    #info .vedio_button {
        padding: 0.2rem 0.5rem;margin-right:0.5rem;color:#fff;background-color: #0d95d6;border-radius: 1rem;
    }
</style>
<script id="info-template" type="text/template">
    <div class="pages" id="info">
        <div class="page">
            <div class="page-content">
                <div class="scan-image-div">
                    {{#js_compare "this.first_product_image_path != ''"}}
                        <img src="{{first_product_image_path}}" class="scan-image"/>
                    {{else}}
                        {{#js_compare "this.product_vedio_path != ''"}}
                            <video  class="scan-image" style="border: 1px solid #cce1f1;object-fit: fill;" alt="商品视频" controls="controls">
                                <source src="{{product_vedio_path}}" type="video/mp4">
                                您的浏览器不支持 video 标签。
                            </video>
                        {{else}}
                            <img src="<?=$baseUrl?>/i/check/logo.png" class="scan-image"/>
                        {{/js_compare}}
                    {{/js_compare}}
                </div>
                <div style="text-align:center;margin-top:0.5rem;margin-left:0.5rem">
                    {{#each product_image_path}}
                        <span class="image_button" data-url="{{this.path}}">图{{@index+1}}</span>
                    {{/each}}
		            {{#js_compare "this.product_vedio_path != ''"}}
                    	<span class="vedio_button" data-url="{{product_vedio_path}}">视频</span>
		            {{/js_compare}}
                </div>
                <div class="scan-tip">
                    <div class="title">
                        发货地址:
                    </div>
                    <div class="content" id="send_address">
                        {{#js_compare "this.delivery_address != ''"}}
                            {{delivery_address}}
                        {{else}}
                            --
                        {{/js_compare}}
                    </div>
                </div>
                <div class="scan-tip">
                    <div class="title">
                        物流单号:
                    </div>
                    <div class="content" id="send_address">
                        {{#js_compare "this.logistics_number != ''"}}
                            {{logistics_number}}
                        {{else}}
                            --
                        {{/js_compare}}
                    </div>
                </div>
                <div class="scan-tip">
                    <div class="title">
                        商家留言:
                    </div>
                    <div class="content" id="leavemsg">
                        {{#js_compare "this.leave_message != ''"}}
                            {{leave_message}}
                        {{else}}
                            --
                        {{/js_compare}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>