juipnet/Host/Views/Product/Soft.cshtml

@using Hncore.Pass.Vpn.Domain
@using Microsoft.Extensions.Configuration
@inject IConfiguration m_Configuration
@model List<ProductEntity>
@{
    var baseUrl = m_Configuration["BaseInfoUrl"];
    Func<string, string> P = (path) => $"{baseUrl}{path}";
}
<div class="container-fluid softBg">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">

            </div>
            <div class="col-lg-4 text-center">
                <p class="simg"><img src="~/img/img_soft.png"></p>
                <p class="sintro">软件和账户必须为同一产品才能使用</p>
            </div>
            <div class="col-lg-4 text-right">
                <a href="#" class="jiaocheng">使用教程→</a>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="soft">
        @foreach (var item in Model.Where(m=>m.Sort!=1000 && m.Id!=12 && m.OnLine==1).OrderBy(m => m.Sort))
        {
            <div class="sitem">
                <div class="smodel">
                    <div class="softName" style="width:200px;text-align:center;height:50px;">
                        @item.Name
                    </div>
                    
                    <div class="item">
                        <a href="@item.PcClientDownloadUrl"> <button type="button" class="btn btn-sdefault">Windows</button></a>
                    </div>
                    @if (!string.IsNullOrEmpty(item.DroidDownloadUrl))
                    {
                        <div class="item" >
                            <a href="@item.DroidDownloadUrl"> <button type="button" class="btn btn-sdefault">安卓APP</button></a>
                        </div>
                        <hr>
                    }
                    @if (item.Id != 3 && item.Id != 7 && item.Id != 9 && item.Id != 12)
                    {
                        <div class="item">
                            <a href="@item.SimulatorDownloadUrl"> <button type="button" class="btn btn-sdefault">SSTP客户端</button></a>
                        </div>
                    }
                    <p>免安装，下载后直接打开</p>
                </div>
            </div>
        }
            <div class="sitem" style="border: 1px solid red;">
                <div class="smodel">
                    <div class="softName" style="width:200px;text-align:center;height:50px;">
                        通用版
                    </div>
                    
                    <div class="item">
                        <a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E9%80%9A%E7%94%A8%E5%8A%A8%E6%80%81IP%E7%99%BB%E5%BD%95%E5%99%A8.rar"> <button type="button" class="btn btn-sdefault" style="width: auto;">通用版电脑拨号器</button></a>
                    </div>
                    <p>免安装，下载后直接打开</p>
                </div>
            </div>

             <div class="sitem">
                
            </div>

            <div class="sitem" style="border: 1px solid red;">
                <div class="smodel">
                    <div class="softName" style="width:200px;text-align:center;height:50px;">
                        代理商专用客户端
                    </div>
                    
                    <div class="item" style="margin-bottom: 5px;">
                        <a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%A5%BF%E7%93%9CIP%20-%20%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-sdefault" style="width: auto;">西瓜IP-电脑版</button></a>
                    </div>
                    <div class="item" style="margin-bottom: 5px;">
                        <a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%A5%BF%E7%93%9CIP%E5%AE%89%E5%8D%93%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-sdefault" style="width: auto;">西瓜IP-安卓</button></a>
                    </div>

                    <div class="item" style="margin-bottom: 5px;">
                        <a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E6%9E%81%E5%AE%A2IP%20-%20%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-sdefault" style="width: auto;">极客IP-电脑版</button></a>
                    </div>
                    <div class="item" style="margin-bottom: 5px;">
                        <a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E6%9E%81%E5%AE%A2IP%E5%AE%89%E5%8D%93%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-sdefault" style="width: auto;">极客IP-安卓</button></a>
                    </div>
                    <div class="item" style="margin-bottom: 5px;">
                        <a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%AE%AF%E8%BF%9EIP%E7%94%B5%E8%84%91%E7%AB%AF-%E4%BB%A3%E7%90%86%E7%89%88.rar"> <button type="button" class="btn btn-sdefault" style="width: auto;">迅连IP-电脑版</button></a>
                    </div>
                    <div class="item" style="margin-bottom: 5px;">
                        <a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%AE%AF%E8%BF%9EIP%E5%AE%89%E5%8D%93%E7%AB%AF-%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-sdefault" style="width: auto;">讯连IP-安卓端</button></a>
                    </div>
                    <div class="item" style="margin-bottom: 5px;">
                        <a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E5%BC%BA%E5%AD%90IP%E7%94%B5%E8%84%91%E7%AB%AF-%E4%BB%A3%E7%90%86%E7%89%88.rar"> <button type="button" class="btn btn-sdefault" style="width: auto;">强子IP-电脑版</button></a>
                    </div>
                    <div class="item" style="margin-bottom: 5px;">
                        <a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E5%BC%BA%E5%AD%90IP%E5%AE%89%E5%8D%93%E7%AB%AF-%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-sdefault" style="width: auto;">强子IP-安卓端</button></a>
                    </div>
                    <div class="item" style="margin-bottom: 5px;">
                        <a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E7%81%AB%E7%8B%90IP%E5%AE%89%E5%8D%93%E7%AB%AF-%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-sdefault" style="width: auto;">火狐IP-安卓端</button></a>
                    </div>
                    <div class="item" style="margin-bottom: 5px;">
                        <a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E6%98%9F%E6%98%9FIP%E7%94%B5%E8%84%91%E7%AB%AF-4.10%E4%BB%A3%E7%90%86%E7%89%88.rar"> <button type="button" class="btn btn-sdefault" style="width: auto;">星星IP-电脑端</button></a>
                    </div>
                    <div class="item" style="margin-bottom: 5px;">
                        <a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%98%91%E8%8F%87IP%E7%94%B5%E8%84%91-%E4%BB%A3%E7%90%86%E7%89%88.exe"> <button type="button" class="btn btn-sdefault" style="width: auto;">蘑菇IP-电脑端</button></a>
                    </div>
                    <p>免安装，下载后直接打开</p>
                </div>
            </div>
    </div>
</div>