Skip to content

肖康 / H5_2.0

Go to a project
Commit 421e0735 by LJM
Options

css

parent ed1cda5e
Inline Side-by-side
Showing with 153 additions and 0 deletions
assets/css/mine/about.scss
......@@ -71,9 +71,11 @@
}
}
.modular-box {
width: 100%;
background: linear-gradient(180deg, #ffffff 0%, #f5f5f7 100%);
border-radius: 10rpx 10rpx 0px 0px;
padding: 32rpx 0 0 0;
overflow: hidden;
.head-title {
.t1 {
font-size: 36rpx;
......@@ -275,5 +277,71 @@
}
}
}
.development {
padding: 24rpx 0 40rpx 0;
overflow-x: scroll;
.box {
position: relative;
flex: 0 0 190rpx;
height: 404rpx;
padding-right: 79rpx;
&:nth-of-type(2n) {
padding-right: 50rpx;
}
.top {
position: absolute;
top: 0;
left: 0;
width: 280rpx;
}
.bottom {
position: absolute;
bottom: 0;
left: 0rpx;
width: 280rpx;
}
.text {
padding: 24rpx 0 0 24rpx;
width: 280rpx;
height: 158rpx;
background: #ffffff;
border-radius: 10rpx;
box-sizing: border-box;
.t1 {
font-size: 28rpx;
color: #1969f9;
font-weight: 600;
margin-bottom: 5rpx;
}
.t2 {
font-size: 24rpx;
color: #919399;
}
}
&::after {
position: absolute;
left: 0;
right: 0;
top: 50%;
width: 100%;
height: 1px;
margin: 0 auto;
border-top: 1px dashed #c6c7cc;
color: #c6c7cc;
content: '';
}
&.curr {
.text {
background: #1969f9;
.t1 {
color: #ffffff;
}
.t2 {
color: #ffffff;
}
}
}
}
}
}
}
pages/mine/about.vue
......@@ -31,6 +31,91 @@
<view class="t1">发展历程</view>
<view class="t2">DEVELOPMENT</view>
</view>
<view class="development row">
<scroll-view scroll-x="true" class="row">
<view class="row">
<view class="box curr">
<view class="text top column">
<text class="t1">2023.03</text>
<text class="t2">猎芯自研云芯系统升</text>
<text class="t2">级上线</text>
</view>
</view>
<view class="box">
<view class="text bottom column">
<text class="t1">2023.02</text>
<text class="t2">猎芯账期授信全面开放</text>
</view>
</view>
<view class="box">
<view class="text top column">
<text class="t1">2022.12</text>
<text class="t2">国产推荐功能上线</text>
</view>
</view>
<view class="box">
<view class="text bottom column">
<text class="t1">2021.06</text>
<text class="t2">猎芯网乔迁</text>
</view>
</view>
<view class="box">
<view class="text top column">
<text class="t1">2021.01</text>
<text class="t2">获得Rochester授权</text>
</view>
</view>
<view class="box">
<view class="text bottom column">
<text class="t1">2020.06</text>
<text class="t2">与Digi-key达成协议合作</text>
</view>
</view>
<view class="box">
<view class="text top column">
<text class="t1">2019.11</text>
<text class="t2">IC信用金融上线</text>
</view>
</view>
<view class="box">
<view class="text bottom column">
<text class="t1">2019.11</text>
<text class="t2">与TI达成线上战略合作</text>
</view>
</view>
<view class="box">
<view class="text top column">
<text class="t1">2019.07</text>
<text class="t2">获得TE High Service 授权</text>
</view>
</view>
<view class="box">
<view class="text bottom column">
<text class="t1">2018.11</text>
<text class="t2">SMT云工厂上线</text>
</view>
</view>
<view class="box">
<view class="text top column">
<text class="t1">2018.01</text>
<text class="t2">获得Mouser授权</text>
</view>
</view>
<view class="box">
<view class="text bottom column">
<text class="t1">2017.06</text>
<text class="t2">与京东达成战略合作</text>
</view>
</view>
<view class="box">
<view class="text top column">
<text class="t1">2015.07</text>
<text class="t2">猎芯网上线</text>
</view>
</view>
</view>
</scroll-view>
</view>
</view>
<view class="modular-box">
<view class="head-title column rowCenter verCenter">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment