HTML + CSSは画像にテキストを追加します

HTML  

<ビュークラス = " コンテナ" > 
    <画像クラス = "" SRC = " {{book.image}} " > </画像> 
    <ビュークラス = " 説明" > 
        <テキストクラス = " タイトル" > {{書籍。タイトル}} </テキスト> 
        <テキストクラス = " 著者" > {{book.author}} </テキスト> 
        <ビュークラス = ' 足'> 
            <テキストクラス= " フッタ" > {{}} book.fav_nums喜欢</テキスト> 
        </ビュー> 
    </ビュー> 
</ビュー>

CSS 

/ * コンポーネント/ページ/ index.wxss * / 
.container { 
   表示：曲がります。
   フレックス - 方向：カラム; 
   整列 - アイテム：センター; 
   マージン - トップ：30rpx。
   ボックス - 影：2ピクセル2ピクセル3px＃e3e3e3e3。
  位置：相対; 
   幅：240rpx。
   高さ：360rpx。
} 
.container画像{ 
   幅：100％。
   高さ：100％; 
   国境 - 半径：2ピクセル。
} 
.DESCRIPTION { 
  幅：100％。
 位置：絶対; 
  Z -index：2 。
  左：0 ; 
  下：0 ; 
  背景 -色：白; 
}

ここでは、位置を使用：絶対に、また設定下：0;左：0;ここで絶対位置を生成するために、我々のポジションので、絶対に有効であることが、

最初の親要素に対しては、静的位置の外側に配置されるので、相対的な位置決め要素が親で設定しました