微信小程序：a==b===c，自己项目经验的Q&A，点赞数界面和数据库同步更新【诗书画唱】( 三 )

本文插图

episode

本文插图

音译：爱破诶搜的

例子4：例子1到例子3的代码

// components/classic/movie/index.js
Component({
/**
* 组件的属性列表
*/
properties: {
content:String,
img:String,
},
/**
* 组件的初始数据
*/
data: {
icon: './images/movie@tag.png'
},
/**
* 组件的方法列表
*/
methods: {
}
})

<view class="container">
<image src="http://news.hoteastday.com/a/{{img}}" class="img"/>
<image src="http://news.hoteastday.com/a/{{icon}}" class="tag"/>
<text class="content">{{content}}</text>
</view>

/* components/classic/movie/index.wxss */
.container {
display: flex;
flex-direction: column;
align-items: center;
}
.tag{
width: 46rpx;
height: 142rpx;
position: relative;
right: 310rpx;
bottom: 58rpx;
}
.img {
width: 750rpx;
height: 500rpx;
}
.content {
font-size: 36rpx;
max-width: 550rpx;
}

<view class="container">
<view class="index-container">
<text class="plain">No.</text>
<text class="index">08</text>
<view class="line"></view>
</view>
<view class="date-container">
<text class="month">六月</text>
<text class="year">2021</text>
</view>
</view>

微信小程序：a==b===c，自己项目经验的Q&amp;A，点赞数界面和数据库同步更新【诗书画唱】( 三 )

微信小程序：a==b===c，自己项目经验的Q&A，点赞数界面和数据库同步更新【诗书画唱】( 三 )