Skip to content

肖康 / H5_2.0

Go to a project
Commit 5551e7b9 by LJM
Options

关于我们

parent 5b99ea01
Inline Side-by-side
Showing with 80 additions and 122 deletions
assets/css/mine/about.scss
......@@ -29,6 +29,10 @@
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
&.desc {
height: auto;
-webkit-line-clamp: 5000000000000;
}
}
.more {
margin-top: 17rpx;
......@@ -307,6 +311,31 @@
background: #ffffff;
border-radius: 10rpx;
box-sizing: border-box;
&::before {
position: absolute;
bottom: -46rpx;
left: 0;
right: 0;
width: 1px;
height: 46rpx;
margin: 0 auto;
background: #c6c7cc;
content: '';
z-index: 99;
}
&::after {
position: absolute;
bottom: -56rpx;
left: 0;
right: 0;
width: 16rpx;
height: 16rpx;
border-radius: 50%;
margin: 0 auto;
background: #c6c7cc;
content: '';
z-index: 99;
}
.t1 {
font-size: 28rpx;
color: #1969f9;
......@@ -333,6 +362,31 @@
&.curr {
.text {
background: #1969f9;
&::before {
position: absolute;
bottom: -46rpx;
left: 0;
right: 0;
width: 1px;
height: 46rpx;
margin: 0 auto;
background: #1969f9;
content: '';
z-index: 99;
}
&::after {
position: absolute;
bottom: -56rpx;
left: 0;
right: 0;
width: 16rpx;
height: 16rpx;
border-radius: 50%;
margin: 0 auto;
background: #1969f9;
content: '';
z-index: 99;
}
.t1 {
color: #ffffff;
}
......
pages/mine/about.vue
......@@ -4,10 +4,15 @@
<view class="head"><image src="https://img.ichunt.com/images/ichunt/202305/30/5ab93863552843f6eaff71ec945701d2.png" mode="aspectFill" class="pic"></image></view>
<view class="section">
<view class="company-text">
<view class="text">猎芯网由深圳市猎芯科技有限公司开发运营，是全球电子元器件一站式智慧采购平台。平台于2015年7月正式上线，目前已获得著名VC经纬中国、微光、五岳华诺、京东战投、海通证券等机构的多轮投资。猎芯网以数字化方式穷尽天下电子元器件现货，连接国内外5000多家合作供应商，多达3000万SKU可以直接在线交易，有效提高上游库存周转效率和下游采购效率，并依托大数据和AI智能，实现在线智慧采购。猎芯网自主研发了具有可深度学习的BOM处理工具，国产元器件替换推荐查询等多项提效赋能工具，快速满足各类企业及研发团队的未来需求。 猎芯是中国领先的电子元器件现货数据服务平台，倡导现货即服务模式（STOCK AS A SERVICE），即将遍布全球的电子元器件现货库存以云端技术联合起来，为KA终端企业和广大中小微电子企业（SMB企业）提供全方位的电子元器件现货供应服务。猎芯总部位于广东深圳，并在北京，香港，上海，苏州，南京，合肥，武汉，大连，青岛，沈阳等主要城市设有子公司或办事处，在香港及深圳设有多间仓库，并在深圳设有先进的质量检测中心，以便不断满足广大电子企业对于高品质元器件现货的各类需求。 猎芯旗下新媒体群专注于打造IC产业链上下游优质内容，洞察产业前沿资讯，深度挖掘元器件行业发展历程，长期为读者提供优质原创内容。猎芯新媒体经过多年沉淀已成为业内极具特色的新媒体矩阵，其中公众号由“芯三板”、“满天芯”、“猎芯头条”、“猎芯网”、“芯硬件创客”等组成，汇集行业专业订阅用户数超20万。通过累积的庞大新媒体社群、自媒体及高流量平台的相互加持，为各类合作伙伴赋能助力营销推广。</view>
<view class="more row rowCenter verCenter">
<text class="tt">查看更多</text>
<text class="iconfont icon-arrbot"></text>
<view class="text" :class="{ desc: more }">{{ data.h5_about_company_introduction[0].content }}</view>
<view class="more row rowCenter verCenter" @click="more = !more">
<text class="tt">{{ more ? '收起' : '查看更多' }}</text>
<template v-if="more">
<text class="iconfont icon-arrtop"></text>
</template>
<template v-else>
<text class="iconfont icon-arrbot"></text>
</template>
</view>
</view>
<view class="show-info row bothSide verCenter">
......@@ -174,57 +179,9 @@
</view>
<view class="uni-swipe-box">
<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/2022%E4%BA%A7%E4%B8%9A%E7%94%B5%E5%95%86%E5%88%9B%E6%96%B0%E6%A6%9C.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2022产业电商创新榜</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="http://img.ichunt.com/images/ichunt/202209/19/7d5c0222b849b0a9848a475eab636a92.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2021年亿邦产业互联网大会千峰奖</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/2021中国物联网产业大会-十大电子分销商1.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2021中国物联网产业大会-十大电子分销商</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/2021中国产业互联网优秀企业30强.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2021中国产业互联网优秀企业30强</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/2020亿邦产业互联网大会千峰奖.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2020亿邦产业互联网大会千峰奖</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/2019中国最具投资价值新星企业百强榜-深圳市50强.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2019中国最具投资价值新星企业百强榜-深圳市50强</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/2019中国B2B行业领域最具成长性企业.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2019中国B2B行业领域最具成长性企业</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/2019物联中国年度盛典-最佳新媒体奖.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2019物联中国年度盛典-最佳新媒体奖</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/2019年度电子商务杰出平台.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2019年度电子商务杰出平台</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/2018全球芯分销领袖峰会-金牌赞助商.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2018全球芯分销领袖峰会-金牌赞助商</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/2018年度创新奖.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2018年度创新奖</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/2018年B2B年度投资风云奖.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2018年B2B年度投资风云奖</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/2017年年度杰出电子商务平台.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">2017年年度杰出电子商务平台</view>
<swiper-item v-for="(item, index) in data.h5_about_honor_certificate" :key="index">
<image mode="aspectFill" :src="item.images" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">{{ item.title }}</view>
</swiper-item>
</swiper>
</view>
......@@ -234,37 +191,9 @@
</view>
<view class="uni-swipe-box">
<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
<swiper-item>
<image mode="aspectFill" src="http://img.ichunt.com/images/ichunt/202210/11/e517b659640b7825e0b413a7a8fbf6c7.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">ISO 9001:2015</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="http://img.ichunt.com/images/ichunt/202210/08/1d3a40a36a4c64ef2bbebbecbe41c746.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">深圳市电子行业协会会员单位</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="http://img.ichunt.com/images/ichunt/202209/19/5e77fe8db66779fefcb3bbd413ec3c44.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">邓白氏认证</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/采购届副主席单位.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">采购届副主席单位</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/采购届三星会员单位.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">采购届三星会员单位</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/高新技术企业证书.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">高新技术企业证书</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/深圳市高新技术企业证书.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">深圳市高新技术企业证书</view>
</swiper-item>
<swiper-item>
<image mode="aspectFill" src="https://static.ichunt.com/dist/res/home/images/about/banner/深圳市软件行业协会-会员单位.jpg" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">深圳市软件行业协会-会员单位</view>
<swiper-item v-for="(item, index) in data.h5_about_quality_certificate" :key="index">
<image mode="aspectFill" :src="item.images" lazy-load="true" class="pic"></image>
<view class="text row rowCenter verCenter">{{ item.title }}</view>
</swiper-item>
</swiper>
</view>
......@@ -334,39 +263,11 @@
<view class="follow-box">
<view class="title row rowCenter verCenter">了解更多行业资讯，请关注</view>
<view class="list">
<view class="box row verCenter">
<view class="pic"><image src="../../static/p1.png" mode="aspectFill" class="im"></image></view>
<view class="text">
<view class="t1">猎芯网</view>
<view class="t2">快速询价、型号搜索、一键下单</view>
</view>
</view>
<view class="box row verCenter">
<view class="pic"><image src="../../static/p2.png" mode="aspectFill" class="im"></image></view>
<view class="text">
<view class="t1">满天芯</view>
<view class="t2">呈现最新最热的行业资讯</view>
</view>
</view>
<view class="box row verCenter">
<view class="pic"><image src="../../static/p3.png" mode="aspectFill" class="im"></image></view>
<view class="text">
<view class="t1">芯三板</view>
<view class="t2">专注元器件行业的各类深度解析</view>
</view>
</view>
<view class="box row verCenter">
<view class="pic"><image src="../../static/p4.png" mode="aspectFill" class="im"></image></view>
<view class="text">
<view class="t1">猎芯头条</view>
<view class="t2">行业每日头条，尽在猎芯</view>
</view>
</view>
<view class="box row verCenter">
<view class="pic"><image src="../../static/p5.png" mode="aspectFill" class="im"></image></view>
<view class="box row verCenter" v-for="(item, index) in data.h5_about_media" :key="index">
<view class="pic"><image :src="item.images" mode="aspectFill" class="im"></image></view>
<view class="text">
<view class="t1">芯硬件创客</view>
<view class="t2">最有料的电子DIY及拆解，硬件创客聚集地</view>
<view class="t1">{{ item.title }}</view>
<view class="t2">{{ item.content }}</view>
</view>
</view>
</view>
......@@ -376,7 +277,7 @@
</template>
<script>
import { Api_Url } from '@/util/api.js';
import { Api_Url, Ichunt_Api } from '@/util/api.js';
import navElement from '@/components/nav.vue';
export default {
components: {
......@@ -384,10 +285,12 @@ export default {
},
data() {
return {
more: false,
indicatorDots: true,
autoplay: true,
interval: 2000,
duration: 500
duration: 500,
data: {}
};
},
onShow() {
......@@ -395,9 +298,9 @@ export default {
},
methods: {
getData() {
this.request(Api_Url + '/user/getUserType', 'POST', {}, true, true).then(res => {
this.request(Ichunt_Api + '/api/About/data', 'GET', {}, true, true).then(res => {
if (res.err_code === 0) {
this.userInfo = res.data;
this.data = res.data;
}
});
}
......
pages/mine/zqsx.vue
<template>
<view class="page-zqsx">
<view class="back" v-back><text class="iconfont icon-arrleft"></text></view>
<view class="bg"></view>
<view class="form-box">
<view class="kefu row 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