You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.9 KiB
HTML
55 lines
1.9 KiB
HTML
<ion-header [translucent]="true">
|
|
<ion-toolbar>
|
|
<ion-buttons slot="start">
|
|
<ion-back-button text="" defaultHref="/home"></ion-back-button>
|
|
</ion-buttons>
|
|
<ion-title>{{name}}</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content [fullscreen]="true">
|
|
<div class="column-header">
|
|
<div class="logo-area">
|
|
<img src="assets/home/lc_white.png" class="lc-logo" alt="路诚数据">
|
|
<img src="assets/home/vip.png" class="vip-logo" alt="VIP">
|
|
</div>
|
|
<p class="slogan">为高净值用户提供精选信息</p>
|
|
</div>
|
|
|
|
<div class="column-info">
|
|
<div class="title-row">
|
|
<h1>{{name}}</h1>
|
|
<div class="tag" (click)="describe()">简介 ></div>
|
|
</div>
|
|
<div class="stats-row">
|
|
<div class="stat-item">
|
|
<span class="number">{{ column?.followNum ? column!.followNum : 0 }}</span>
|
|
<span class="label">人关注</span>
|
|
</div>
|
|
<div class="stat-item">
|
|
<span class="number">{{ column?.purchaseNum ? column!.purchaseNum : 0 }}</span>
|
|
<span class="label">人购买</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="intro-section">-->
|
|
<!-- <h2>这是消息标题</h2>-->
|
|
<!-- <p>这是消息内容这是消息内容这是消息内容这是消息内容这是消息内容这是消息内容这是消息内容这是消息内容这是消息内容这是消息内容这是消息内容这是消息内容</p>-->
|
|
<!-- </div>-->
|
|
</div>
|
|
<app-article-content [className]="name"></app-article-content>
|
|
</ion-content>
|
|
|
|
<!-- 底部固定按钮 -->
|
|
<ion-footer *ngIf="!column?.unlock">
|
|
<ion-toolbar class="footer-toolbar">
|
|
<div class="fixed-bottom">
|
|
<div class="price">
|
|
<p class="p1">盘中宝</p>
|
|
<p class="p2">重磅信息挖掘</p>
|
|
</div>
|
|
<button class="buy-btn" (click)="onBuyClick()">立即订购</button>
|
|
</div>
|
|
</ion-toolbar>
|
|
</ion-footer>
|