guolong
/
wj_web
0
0
Fork 0
Code Issues Pull Requests Activity
Browse Source

Squashed commit of the following: 

commit b2e5ccaf87ced300847540c8e080c8185a0ce3a4
Author: fjm2442315947 <2442315947@qq.com>
Date:   Thu Feb 24 13:52:03 2022 +0800

    Squashed commit of the following:

    commit 00daeb69e8
    Author: zhang <3183592900@qq.com>
    Date:   Thu Feb 24 13:42:30 2022 +0800

        1

    commit 7cd87d12f3
    Author: zhang <3183592900@qq.com>
    Date:   Thu Feb 24 09:07:16 2022 +0800

        1

    # Conflicts:
    #	manifest.json
    #	pages.json
    #	pages/index/index.vue
    #	pages/login/login.vue

commit 86a82bb0674d65727f733568702a36c897f99cd6
Author: fjm2442315947 <2442315947@qq.com>
Date:   Thu Feb 24 13:44:00 2022 +0800

    详情页面

# Conflicts:
#	pages/index/index.vue
zhang
zhang 3 years ago
parent
d4a0b69f96
commit
cfdaea38a7
7 changed files with 342 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 18
      pages.json
  2. 218
      pages/datail/datail.scss
  3. 91
      pages/datail/datail.vue
  4. 2
      pages/index/index.vue
  5. 3
      pages/mycollect/mycollect.scss
  6. 11
      pages/mycollect/mycollect.vue
  7. BIN
      static/bcimg/bc.jpeg

18
pages.json
Unescape View File

@ -1,5 +1,23 @@
{
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path" : "pages/mycollect/mycollect",
"style" :
{
"navigationBarTitleText": "分享",
"enablePullDownRefresh": false,
"navigationStyle":"custom"
}
},
{
"path" : "pages/datail/datail",
"style" :
{
"navigationBarTitleText": "详情",
"enablePullDownRefresh": false,
"navigationStyle":"custom"
}
},
{
"path": "pages/index/index",
"style": {

218
pages/datail/datail.scss
Unescape View File

@ -0,0 +1,218 @@
.contioner{
width: 750rpx;
height: 1000rpx;
background-image: url(../../static/bcimg/bc.jpeg);
background-size: cover;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
.headerdiv{
width: 500rpx;
height: 500rpx;
border: solid 4rpx #FFFFFF;
background-color: #0b0b0b;
// background-image: url(../../static/bcimg/bc.jpeg);
background-size: cover;
text-align: center;
padding-top: 20rpx;
box-sizing: border-box;
border-radius: 15rpx;
image{
width: 450rpx;
height: 450rpx;
}
}
}
.pictrue{
width: 750rpx;
// display: flex;
background-color: #000000;
padding-top: 40rpx;
// justify-content: center;
padding-bottom: 40rpx;
.collect{
width: 700rpx;
margin: 0rpx auto;
.collectcontent{
width: 700rpx;
height: 300rpx;
background-color: #1a1a1a;
border-radius: 20rpx;
box-sizing: border-box;
.collectheader{
width: 630rpx;
height: 150rpx;
border-bottom: #2b2b2b 2rpx solid;
padding-top: 20rpx;
margin: 0rpx auto;
.title{
color: #FFFFFF;
font-size: 40rpx;
font-weight: bold;
}
.tatol{
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
.name{
width: 200rpx;
height: 50rpx;
border-radius: 10rpx;
background: -webkit-linear-gradient(to right, #5acbfc, #a38cfb); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #5acbfc, #a38cfb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
text-align: center;
box-sizing: border-box;
padding-top: 5rpx;
margin-top: 20rpx;
// vertical-align: middle;
.number{
width: 120rpx;
height: 40rpx;
display: inline-block;
background-color: #1a1a1a;
border-top-right-radius: 10rpx;
border-bottom-right-radius: 10rpx;
color: #FFFFFF;
margin-left: 10rpx;
}
}
.righttitle{
text-align: right;
color: #54d4fe;
display: inline-block;
margin-top: 20rpx;
// vertical-align: middle;
}
}
}
.collectname{
width: 630rpx;
height: 108rpx;
display: flex;
justify-content: space-between;
// background-color: #007AFF;
margin: 0rpx auto;
margin-top: 20rpx;
align-items: center;
.collectnameImg{
width: 80rpx;
height: 80rpx;
background-color: #1a1a1a;
border-radius: 50%;
border: #FFFFFF solid 2rpx;
// box-sizing: border-box;
// padding: 5rpx;
// vertical-align: middle;
image{
width: 80rpx;
height: 80rpx;
border-radius: 50%;
}
}
}
.collectnameTitle{
// vertical-align: middle;
color: #464646;
margin-top: 20rpx;
margin-left: 20rpx;
}
.collectnameNumber{
color: #464646;
}
}
}
.SDK{
width: 700rpx;
height: 100rpx;
background-color: #1a1a1a;
margin: 0rpx auto;
margin-top: 40rpx;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
border-radius: 20rpx;
.RNM{
margin-right: 20rpx;
}
}
.photo{
width: 700rpx;
// height: 900rpx;
background-color: #1a1a1a;
margin: 0rpx auto;
margin-top: 40rpx;
border-radius: 20rpx;
box-sizing: border-box;
padding: 40rpx;
.phototitle{
font-size: 34rpx;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 30rpx;
}
image{
width: 620rpx;
height: 800rpx;
}
}
.logo{
width: 700rpx;
height: 300rpx;
background-color: #1a1a1a;
margin: 0rpx auto;
margin-top: 40rpx;
border-radius: 20rpx;
box-sizing: border-box;
padding: 30rpx;
.logotitle{
font-size: 34rpx;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 20rpx;
}
.logocontent{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
color: #FFFFFF;
line-height: 50rpx;
}
}
.button{
width: 700rpx;
height: 80rpx;
margin: auto;
margin-top: 40rpx;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
border-radius: 40rpx;
background: #77A1D3; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #E684AE, #8eeeed); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #E684AE, #8eeeed); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
}

91
pages/datail/datail.vue
Unescape View File

@ -0,0 +1,91 @@
<template>
<view class="content">
<view class="contioner">
<view class="headerdiv">
<image src="../../static/bcimg/bc.jpeg" mode=""></image>
</view>
</view>
<view class="pictrue">
<view class="collect">
<view class="collectcontent">
<view class="collectheader">
<view class="title">
新年藏品限量发售《惊喜盲盒》
</view>
<view class="tatol">
<view class="name">
<text>限量</text>
<text class="number">500份</text>
</view>
<view class="righttitle">
￥200
</view>
</view>
</view>
<view class="collectname">
<view style="display: flex;">
<view class="collectnameImg">
<image src="../../static/bcimg/bc.jpeg" mode=""></image>
</view>
<view class="collectnameTitle">
琳琅天上
</view>
</view>
<view class="collectnameNumber">
<text>剩余140份</text>
</view>
</view>
</view>
</view>
<view class="SDK">
<text class="RNM">UYSUAHSJDI</text>
<text>4854984sandhnijas****56561</text>
</view>
<view class="photo">
<view class="phototitle">
作品故事
</view>
<view class="">
<image src="../../static/bcimg/bc.jpeg" mode="" ></image>
</view>
</view>
<view class="logo">
<view class="logotitle">
购买须知
</view>
<view class="logocontent">
我年那是偶安徽的我恐怖哈斯本活动啊哈我嗲或多或少那哦加会班速度卡号吧圣诞节吧卡比兽大家上班奥科吉说不定祭敖包是第几阿萨德北京阿巴斯奥斯卡假单胞菌as安会计师不能叠加as
</view>
</view>
<view class="logo">
<view class="logotitle">
购买须知
</view>
<view class="logocontent">
我年那是偶安徽的我恐怖哈斯本活动啊哈我嗲或多或少那哦加会班速度卡号吧圣诞节吧卡比兽大家上班奥科吉说不定祭敖包是第几阿萨德北京阿巴斯奥斯卡假单胞菌as安会计师不能叠加as
</view>
</view>
<view class="content">
<view class="button">
退出登录
</view>
</view>
</view>
</view>
</template>
<script>
</script>
<style lang="scss" scoped>
@import "./datail.scss"
</style>

2
pages/index/index.vue
Unescape View File

@ -225,4 +225,4 @@
}
</style>
</style>

3
pages/mycollect/mycollect.scss
Unescape View File

@ -0,0 +1,3 @@
.contioner{
}

11
pages/mycollect/mycollect.vue
Unescape View File

@ -0,0 +1,11 @@
<template>
<view class="contioner">
</view>
</template>
<script>
</script>
<style lang="scss" scoped >
</style>

BIN
static/bcimg/bc.jpeg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

Write Preview
Loading…
Cancel
Save