效果圖：
wxml檔案：
class="content">
class="author-date">
src="/images/4.png"
class="author">
image>
class="date">logo 2023年七月text>
view>
class="title">那年夏天你在**text>
class="article-content">天不言自高，地不言自厚，奇蹟，是不會在容易的道路上綻放的。人生沒有如果，只有後果和結果，過去的不再回來，回來的不再完美。text>
class="article-images"
src="../../images/icon/chat.png">
image>
class="article-text">66text>
class="article-images"
src="../../images/icon/view.png">
image>
class="article-text">88text>
view>
view>
清晨日暮，有你的光陰，值得虛度。
微信小程式 布局
傳送門 傳送門 語法 margin auto length 引數 margin 10px 11px 9px 8px 按順序分別代表物件與父容器的上 右 下 左的距離值為10px,11px,9px,8px。auto 值被設定為相對邊的值 length 由浮點數字和單位識別符號組成的長度值 百分數。百分...
微信小程式檔案壓縮上傳
api說明 文件chooseimage 選擇createcanvascontext 建立canvas畫布 getimageinfo 獲取資訊 canvascontext.drawimage 繪製影象到畫布 canvascontext.draw 繪製是否跟著上次繪製，即是否清空畫板 canvastot...
微信小程式布局display flex布局介紹
display flex是將物件作為彈性伸縮盒顯示。伸縮盒最新版本 css3 在web網頁中必須要考慮相容性，因為瀏覽器不同，瀏覽器的支援和實現方式也不同，導致相容起來略顯麻煩 設定乙個容器，其中有多個子容器，比如，這是乙個簡單的例子 style width 400px height 120px b...