gxwebsoft/aishangjia-uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

第一次提交

Browse Source
This commit is contained in:
gxwebsoft
2023-08-04 13:14:48 +08:00
commit 1b923e5cff
1030 changed files with 128016 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
pages/pair/pair.vue Normal file
View File

@@ -0,0 +1,135 @@
<template>
<view class="pair">
<image src="https://file.wsdns.cn/20230611/de68e7b6238941ea99a9ba4869b8e7c5.jpeg" class="bg" mode="widthFix">
</image>
<view class="project">
<view class="title">精心挑选与你最匹配的异性</view>
<view class="content">
<view class="item">
<u-avatar src="https://file.wsdns.cn/20230610/6e1ad1d1947144e4968e5b9aba4647ab." mode="aspectFill" :size="60"></u-avatar>
<view class="age">27岁</view>
</view>
<view class="item">
<u-avatar src="https://file.wsdns.cn/20230611/cdf768b22a0543b98666daa223b51746.jpeg" mode="aspectFill" :size="60"></u-avatar>
<view class="age">27岁</view>
</view>
<view class="item">
<u-avatar src="https://file.wsdns.cn/20230611/cdf768b22a0543b98666daa223b51746.jpeg" mode="aspectFill" :size="60"></u-avatar>
<view class="age">27岁</view>
</view>
<view class="item">
<u-avatar src="https://file.wsdns.cn/20230611/cdf768b22a0543b98666daa223b51746.jpeg" mode="aspectFill" :size="60"></u-avatar>
<view class="age">27岁</view>
</view>
<view class="item">
<u-avatar src="https://file.wsdns.cn/20230611/cdf768b22a0543b98666daa223b51746.jpeg" mode="aspectFill" :size="60"></u-avatar>
<view class="age">27岁</view>
</view>
<view class="item">
<u-avatar src="https://file.wsdns.cn/20230611/cdf768b22a0543b98666daa223b51746.jpeg" mode="aspectFill" :size="60"></u-avatar>
<view class="age">27岁</view>
</view>
<view class="item">
<u-avatar src="https://file.wsdns.cn/20230611/cdf768b22a0543b98666daa223b51746.jpeg" mode="aspectFill" :size="60"></u-avatar>
<view class="age">27岁</view>
</view>
<view class="item">
<u-avatar src="https://file.wsdns.cn/20230611/cdf768b22a0543b98666daa223b51746.jpeg" mode="aspectFill" :size="60"></u-avatar>
<view class="age">27岁</view>
</view>
</view>
<view class="btn-wrapper">
<u-button text="换一批" color="linear-gradient(to bottom, #010002, #681752)" :disabled="disabled"
shape="circle" @click="handleSubmit()"></u-button>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.pair {
.bg {
width: 750rpx;
position: fixed;
top: 0;
}
.project {
position: absolute;
left: 45rpx;
width: 660rpx;
margin: 100rpx auto;
min-height: 500rpx;
background-color: #ffffff;
border-radius: 20rpx;
.title {
text-align: center;
font-family: SourceHanSansSC;
font-weight: 700;
font-size: 38rpx;
color: rgb(0, 0, 0);
font-style: normal;
letter-spacing: 0px;
height: 50rpx;
line-height: 50rpx;
text-decoration: none;
padding: 40rpx 0;
}
}
.content{
width: 600rpx;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.item{
margin: 18rpx;
border: 5rpx solid #681752;
border-radius: 100%;
position: relative;
display: flex;
justify-content: center;
.age{
position: absolute;
bottom: -12rpx;
font-size: 22rpx;
padding: 1rpx 10rpx;
color: #ffffff;
border-radius: 10rpx;
margin-right: 10rpx;
background: linear-gradient(#47076b, #8d1a50);
}
.btn {
font-size: 26rpx;
padding: 1rpx 10rpx;
color: #ffffff;
border-radius: 10rpx;
margin-right: 10rpx;
background: linear-gradient(#47076b, #8d1a50);
}
}
}
.btn-wrapper {
width: 360rpx;
margin: 50rpx auto;
// display: flex;
// align-items: center;
padding: 0 20rpx;
}
}
</style>