Skip to content

梁建民 / scmMiniprogram

Go to a project
Commit b98ca57b by liangjianmin
Options

css

parent b5d71b19
Expand all
Inline Side-by-side
Showing with 952 additions and 103 deletions
App.vue
<script>
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
export default {
onLaunch: function() {
console.log('App Launch');
},
onShow: function() {
console.log('App Show');
},
onHide: function() {
console.log('App Hide');
}
};
</script>
<style>
/*每个页面公共css */
@import './assets/css/font.css';
page {
height: 100%;
background: #f1f4f6;
}
</style>
assets/css/font.css 0 → 100644
@font-face {
font-family: "iconfont";
src: url('~@/static/iconfont.ttf?t=1597739255175') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-jinggao1:before {
content: "\e75c";
}
.icon-a-riqi11:before {
content: "\e75a";
}
.icon-riqi1:before {
content: "\e75b";
}
.icon-a-jinggao3:before {
content: "\e759";
}
.icon-a-jinggao1:before {
content: "\e757";
}
.icon-a-riqi1:before {
content: "\e758";
}
.icon-riqi:before {
content: "\e755";
}
.icon-jinggao:before {
content: "\e756";
}
assets/css/index/index.scss 0 → 100644
.home-index {
.notice {
background: #ffffff;
padding: 24rpx 24rpx 28rpx 24rpx;
.title {
font-size: 32rpx;
color: #1e2021;
font-weight: bold;
line-height: 45rpx;
margin-bottom: 24rpx;
}
.list {
.box {
margin-bottom: 20rpx;
&:last-child {
margin-bottom: 0;
}
.arrow {
width: 12rpx;
height: 12rpx;
border-radius: 50%;
background: #f39d18;
margin-right: 12rpx;
}
.content {
width: 350rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 26rpx;
color: #404547;
}
.time {
font-size: 22rpx;
color: #6e767a;
}
}
}
}
.tab {
padding: 0 24rpx;
margin-top: 38rpx;
margin-bottom: 38rpx;
.box {
position: relative;
font-size: 26rpx;
color: #404547;
margin-right: 44rpx;
&.curr {
font-size: 32rpx;
color: #1e2021;
font-weight: bold;
&::after {
position: absolute;
bottom: -18rpx;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 6rpx;
background: #197adb;
border-radius: 3rpx;
content: '';
}
}
}
}
.section {
.list {
padding: 0 24rpx;
.box {
position: relative;
padding: 0 24rpx 24rpx 24rpx;
height: 136rpx;
background: #ffffff;
border-radius: 4rpx;
align-items: flex-end;
margin-bottom: 16rpx;
.base-info {
.mb20{
margin-bottom: 20rpx;
}
.t1 {
font-size: 28rpx;
color: #1e2021;
}
.t2 {
font-size: 22rpx;
color: #6e767a;
margin-left: 8rpx;
margin-right: 16rpx;
}
.t3 {
font-size: 22rpx;
color: #404547;
}
.button-text {
width: 112rpx;
height: 38rpx;
background: #bb3434;
border-radius: 4rpx;
font-size: 22rpx;
color: #ffffff;
margin-left: 16rpx;
}
.iconfont {
font-size: 28rpx;
color: #6e767a;
}
}
.time-info{
.time{
.t1{
font-size: 22rpx;
color: #6E767A;
margin-right: 12rpx;
}
.t2{
font-size: 22rpx;
color: #197ADB;
}
}
}
.status0{
position: absolute;
right: 24rpx;
top: 24rpx;
.iconfont{
font-size: 32rpx;
color: #BB3434;
}
span{
font-size: 26rpx;
color: #BB3434;
margin-left: 8rpx;
}
}
.status1{
position: absolute;
right: 24rpx;
top: 24rpx;
font-size: 26rpx;
color: #404547;
}
.status2{
position: absolute;
right: 24rpx;
top: 24rpx;
font-size: 26rpx;
color: #197ADB;
}
&.curr{
background: #FFE3E3;
border-radius: 4rpx;
border: 2rpx solid #BB3434;
}
}
}
}
}
assets/css/index/notice.scss 0 → 100644
.notice {
padding: 32rpx 24rpx 0 24rpx;
.title {
.tit {
line-height: 45rpx;
font-size: 32rpx;
color: #1e2021;
font-weight: bold;
margin-bottom: 24rpx;
}
.time {
.t1 {
font-size: 22rpx;
color: #6e767a;
}
.t2 {
font-size: 22rpx;
color: #404547;
}
}
}
.section {
padding-top: 36rpx;
font-size: 24rpx;
color: #404547;
}
.share {
position: fixed;
bottom: 40rpx;
left: 0;
right: 0;
z-index: 99;
width: 582rpx;
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
.iconfont {
font-size: 44rpx;
color: #FFFFFF;
margin-right: 16rpx;
}
.t1 {
font-size: 28rpx;
color: #ffffff;
}
}
}
pages.json
......@@ -2,9 +2,9 @@
"pages": [{
"path": "pages/index/index",
"style": {
"navigationBarBackgroundColor": "#197ADB",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": true
"navigationBarBackgroundColor": "#197ADB",
"navigationBarTextStyle": "white",
"enablePullDownRefresh": true
}
}, {
"path": "pages/question/list",
......@@ -13,11 +13,16 @@
"enablePullDownRefresh": true
}
}, {
"path": "pages/index/notice",
"style": {
"navigationBarTitleText": "公告详情"
}
}, {
"path": "pages/mine/index",
"style": {
"navigationBarTitleText": "我的"
}
}],
}],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "猎芯供应链商务系统",
......
pages/index/index.vue
<template>
<view class="home"></view>
<view class="home-index">
<view class="notice column">
<text class="title">公告通知</text>
<view class="list column">
<view class="box row bothSide verCenter">
<view class="row verCenter">
<text class="arrow"></text>
<text class="content">香港供应链台风放假通知香港供应链台风放假通知</text>
</view>
<text class="time">08-30</text>
</view>
<view class="box row bothSide verCenter">
<view class="row verCenter">
<text class="arrow"></text>
<text class="content">猎芯供应链乔迁通知</text>
</view>
<text class="time">08-30</text>
</view>
</view>
</view>
<view class="tab row">
<view class="box curr">待确认(5)</view>
<view class="box">已确认</view>
<view class="box">已执行</view>
</view>
<view class="section">
<view class="list column">
<view class="box row bothSide curr">
<view class="base-info column">
<view class="row verCenter mb20">
<view class="t1">B91046</view>
<view class="button-text row rowCenter verCenter">型号异常</view>
</view>
<view class="row verCenter">
<text class="iconfont icon-riqi"></text>
<text class="t2">发起时间:</text>
<text class="t3">07/20 18:00</text>
</view>
</view>
<view class="time-info">
<view class="status0 row rowCenter verCenter">
<text class="iconfont icon-jinggao"></text>
<span>紧急</span>
</view>
<view class="time">
<text class="t1">已耗时:</text>
<text class="t2">1h27</text>
</view>
</view>
</view>
<view class="box row bothSide">
<view class="base-info column">
<view class="row verCenter mb20">
<view class="t1">B91046</view>
<view class="button-text row rowCenter verCenter">型号异常</view>
</view>
<view class="row verCenter">
<text class="iconfont icon-riqi"></text>
<text class="t2">发起时间:</text>
<text class="t3">07/20 18:00</text>
</view>
</view>
<view class="time-info">
<view class="status1">完成处理</view>
<view class="time">
<text class="t1">已耗时:</text>
<text class="t2">1h27</text>
</view>
</view>
</view>
<view class="box row bothSide">
<view class="base-info column">
<view class="row verCenter mb20">
<view class="t1">B91046</view>
<view class="button-text row rowCenter verCenter">型号异常</view>
</view>
<view class="row verCenter">
<text class="iconfont icon-riqi"></text>
<text class="t2">发起时间:</text>
<text class="t3">07/20 18:00</text>
</view>
</view>
<view class="time-info">
<view class="status2">确认处理</view>
<view class="time">
<text class="t1">08-23 17:29</text>
</view>
</view>
</view>
<view class="no-data column verCenter rowCenter">
<text class="iconfont icon-a-jinggao1"></text>
<text class="text">查找不到相关信息</text>
</view>
</view>
</view>
</view>
</template>
<script>
......@@ -8,8 +103,17 @@ export default {
return {};
},
onLoad(options) {},
onShareTimeline(res) {
return {
title: '',
imageUrl: ''
};
},
methods: {}
};
</script>
<style></style>
<style scoped lang="scss">
@import '../../assets/css/index/index.scss';
</style>
pages/index/notice.vue 0 → 100644
<template>
<view class="notice">
<view class="title column">
<text class="tit">全球领先元器件分销商得捷电子Digi-Key香港供应链台风放假通知</text>
<text class="time">
<text class="t1">发布日期：</text>
<text class="t2">2021.09.02 17:12</text>
</text>
</view>
<view class="section">
尊敬的新老客户：
为了确保所有客户购买的都是商城最新批次进货的物料，即日起商城将严格实施仓储管理先进先出的理念，后续发货会存在同款编带物料2段发货的可能（单款编带物料整盘的除外），例如整盘/盒数量为5000，实际购买数量为9000或4000时，非整盘部分可能分为2段2000或者1段500和1段3500等现象，但在商城没有另外通知的情况下，我司确保不会出现超过2段以上的情况，
我司不接受订单内备注不需要接段，恕不接受此类投诉，请广大客户谅解及支持！（特别提示：商城不提供任何方式接带服务，需上贴片机的客户需自行接带）
</view>
<button class="share row rowCenter verCenter" open-type="share">
<text class="iconfont icon-jinggao1"></text>
<text class="t1">微信好友</span>
</button>
</view>
</template>
<script>
export default {
data() {
return {};
},
onLoad(options) {},
onShareTimeline(res) {
return {
title: '',
imageUrl: ''
};
},
methods: {}
};
</script>
<style scoped lang="scss">
@import '../../assets/css/index/notice.scss';
</style>
pages/mine/index.vue
......@@ -8,6 +8,12 @@ export default {
return {};
},
onLoad(options) {},
onShareTimeline(res) {
return {
title: '',
imageUrl: ''
};
},
methods: {}
};
</script>
......
pages/question/list.vue
......@@ -8,6 +8,12 @@ export default {
return {};
},
onLoad(options) {},
onShareTimeline(res) {
return {
title: '',
imageUrl: ''
};
},
methods: {}
};
</script>
......
static/iconfont.ttf 0 → 100644
No preview for this file type
uni.scss
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-primary: #197adb;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;
/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color: #333; //基本色
$uni-text-color-inverse: #fff; //反色
$uni-text-color-grey: #999; //辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;
$uni-text-color-disable: #c0c0c0;
/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
$uni-bg-color: #ffffff;
$uni-bg-color-grey: #f8f8f8;
$uni-bg-color-hover: #f1f1f1; //点击状态颜色
$uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色
/* 边框颜色 */
$uni-border-color:#c8c7cc;
$uni-border-color: #c8c7cc;
/* 尺寸变量 */
/* 文字尺寸 */
$uni-font-size-sm:12px;
$uni-font-size-base:14px;
$uni-font-size-lg:16;
$uni-font-size-sm: 12px;
$uni-font-size-base: 14px;
$uni-font-size-lg: 16;
/* 图片尺寸 */
$uni-img-size-sm:20px;
$uni-img-size-base:26px;
$uni-img-size-lg:40px;
$uni-img-size-sm: 20px;
$uni-img-size-base: 26px;
$uni-img-size-lg: 40px;
/* Border Radius */
$uni-border-radius-sm: 2px;
......@@ -68,9 +52,74 @@ $uni-spacing-col-lg: 12px;
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:20px;
$uni-color-title: #2c405a; // 文章标题颜色
$uni-font-size-title: 20px;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:26px;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:15px;
$uni-font-size-subtitle: 26px;
$uni-color-paragraph: #3f536e; // 文章段落颜色
$uni-font-size-paragraph: 15px;
view {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
image {
vertical-align: middle;
}
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
}
.boxsiz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* 两侧对齐 */
.bothSide {
justify-content: space-between;
}
/* 平均分布 */
.avarage {
justify-content: space-around;
}
/* 水平居中 */
.rowCenter {
justify-content: center;
}
/* 垂直居中 */
.verCenter {
align-items: center;
}
.boxFlex {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.no-data {
.iconfont {
font-size: 188rpx;
color: #f39d18;
}
.text {
margin-top: 16rpx;
font-size: 28rpx;
color: #1e2021;
font-weight: bold;
}
}
unpackage/dist/dev/mp-weixin/app.json
......@@ -2,6 +2,7 @@
"pages": [
"pages/index/index",
"pages/question/list",
"pages/index/notice",
"pages/mine/index"
],
"subPackages": [],
......
unpackage/dist/dev/mp-weixin/common/main.wxss
/*每个页面公共css */
@font-face {
font-family: "iconfont";
src: url(data:font/ttf;base64,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) format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-jinggao1:before {
content: "\e75c";
}
.icon-a-riqi11:before {
content: "\e75a";
}
.icon-riqi1:before {
content: "\e75b";
}
.icon-a-jinggao3:before {
content: "\e759";
}
.icon-a-jinggao1:before {
content: "\e757";
}
.icon-a-riqi1:before {
content: "\e758";
}
.icon-riqi:before {
content: "\e755";
}
.icon-jinggao:before {
content: "\e756";
}
page {
height: 100%;
background: #f1f4f6;
}
unpackage/dist/dev/mp-weixin/pages/index/index.wxml
<view class="home"></view>
\ No newline at end of file
<view class="home-index data-v-57280228"><view class="notice column data-v-57280228"><text class="title data-v-57280228">公告通知</text><view class="list column data-v-57280228"><view class="box row bothSide verCenter data-v-57280228"><view class="row verCenter data-v-57280228"><text class="arrow data-v-57280228"></text><text class="content data-v-57280228">香港供应链台风放假通知香港供应链台风放假通知</text></view><text class="time data-v-57280228">08-30</text></view><view class="box row bothSide verCenter data-v-57280228"><view class="row verCenter data-v-57280228"><text class="arrow data-v-57280228"></text><text class="content data-v-57280228">猎芯供应链乔迁通知</text></view><text class="time data-v-57280228">08-30</text></view></view></view><view class="tab row data-v-57280228"><view class="box curr data-v-57280228">待确认(5)</view><view class="box data-v-57280228">已确认</view><view class="box data-v-57280228">已执行</view></view><view class="section data-v-57280228"><view class="list column data-v-57280228"><view class="box row bothSide curr data-v-57280228"><view class="base-info column data-v-57280228"><view class="row verCenter mb20 data-v-57280228"><view class="t1 data-v-57280228">B91046</view><view class="button-text row rowCenter verCenter data-v-57280228">型号异常</view></view><view class="row verCenter data-v-57280228"><text class="iconfont icon-riqi data-v-57280228"></text><text class="t2 data-v-57280228">发起时间:</text><text class="t3 data-v-57280228">07/20 18:00</text></view></view><view class="time-info data-v-57280228"><view class="status0 row rowCenter verCenter data-v-57280228"><text class="iconfont icon-jinggao data-v-57280228"></text><label class="_span data-v-57280228">紧急</label></view><view class="time data-v-57280228"><text class="t1 data-v-57280228">已耗时:</text><text class="t2 data-v-57280228">1h27</text></view></view></view><view class="box row bothSide data-v-57280228"><view class="base-info column data-v-57280228"><view class="row verCenter mb20 data-v-57280228"><view class="t1 data-v-57280228">B91046</view><view class="button-text row rowCenter verCenter data-v-57280228">型号异常</view></view><view class="row verCenter data-v-57280228"><text class="iconfont icon-riqi data-v-57280228"></text><text class="t2 data-v-57280228">发起时间:</text><text class="t3 data-v-57280228">07/20 18:00</text></view></view><view class="time-info data-v-57280228"><view class="status1 data-v-57280228">完成处理</view><view class="time data-v-57280228"><text class="t1 data-v-57280228">已耗时:</text><text class="t2 data-v-57280228">1h27</text></view></view></view><view class="box row bothSide data-v-57280228"><view class="base-info column data-v-57280228"><view class="row verCenter mb20 data-v-57280228"><view class="t1 data-v-57280228">B91046</view><view class="button-text row rowCenter verCenter data-v-57280228">型号异常</view></view><view class="row verCenter data-v-57280228"><text class="iconfont icon-riqi data-v-57280228"></text><text class="t2 data-v-57280228">发起时间:</text><text class="t3 data-v-57280228">07/20 18:00</text></view></view><view class="time-info data-v-57280228"><view class="status2 data-v-57280228">确认处理</view><view class="time data-v-57280228"><text class="t1 data-v-57280228">08-23 17:29</text></view></view></view><view class="no-data column verCenter rowCenter data-v-57280228"><text class="iconfont icon-a-jinggao1 data-v-57280228"></text><text class="text data-v-57280228">查找不到相关信息</text></view></view></view></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/index/index.wxss 0 → 100644
@charset "UTF-8";
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
view.data-v-57280228 {
box-sizing: border-box;
}
image.data-v-57280228 {
vertical-align: middle;
}
.column.data-v-57280228 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.row.data-v-57280228 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
}
.boxsiz.data-v-57280228 {
box-sizing: border-box;
}
/* 两侧对齐 */
.bothSide.data-v-57280228 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/* 平均分布 */
.avarage.data-v-57280228 {
-webkit-justify-content: space-around;
justify-content: space-around;
}
/* 水平居中 */
.rowCenter.data-v-57280228 {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
/* 垂直居中 */
.verCenter.data-v-57280228 {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.boxFlex.data-v-57280228 {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.no-data .iconfont.data-v-57280228 {
font-size: 188rpx;
color: #f39d18;
}
.no-data .text.data-v-57280228 {
margin-top: 16rpx;
font-size: 28rpx;
color: #1e2021;
font-weight: bold;
}
.home-index .notice.data-v-57280228 {
background: #ffffff;
padding: 24rpx 24rpx 28rpx 24rpx;
}
.home-index .notice .title.data-v-57280228 {
font-size: 32rpx;
color: #1e2021;
font-weight: bold;
line-height: 45rpx;
margin-bottom: 24rpx;
}
.home-index .notice .list .box.data-v-57280228 {
margin-bottom: 20rpx;
}
.home-index .notice .list .box.data-v-57280228:last-child {
margin-bottom: 0;
}
.home-index .notice .list .box .arrow.data-v-57280228 {
width: 12rpx;
height: 12rpx;
border-radius: 50%;
background: #f39d18;
margin-right: 12rpx;
}
.home-index .notice .list .box .content.data-v-57280228 {
width: 350rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 26rpx;
color: #404547;
}
.home-index .notice .list .box .time.data-v-57280228 {
font-size: 22rpx;
color: #6e767a;
}
.home-index .tab.data-v-57280228 {
padding: 0 24rpx;
margin-top: 38rpx;
margin-bottom: 38rpx;
}
.home-index .tab .box.data-v-57280228 {
position: relative;
font-size: 26rpx;
color: #404547;
margin-right: 44rpx;
}
.home-index .tab .box.curr.data-v-57280228 {
font-size: 32rpx;
color: #1e2021;
font-weight: bold;
}
.home-index .tab .box.curr.data-v-57280228::after {
position: absolute;
bottom: -18rpx;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 6rpx;
background: #197adb;
border-radius: 3rpx;
content: '';
}
.home-index .section .list.data-v-57280228 {
padding: 0 24rpx;
}
.home-index .section .list .box.data-v-57280228 {
position: relative;
padding: 0 24rpx 24rpx 24rpx;
height: 136rpx;
background: #ffffff;
border-radius: 4rpx;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
margin-bottom: 16rpx;
}
.home-index .section .list .box .base-info .mb20.data-v-57280228 {
margin-bottom: 20rpx;
}
.home-index .section .list .box .base-info .t1.data-v-57280228 {
font-size: 28rpx;
color: #1e2021;
}
.home-index .section .list .box .base-info .t2.data-v-57280228 {
font-size: 22rpx;
color: #6e767a;
margin-left: 8rpx;
margin-right: 16rpx;
}
.home-index .section .list .box .base-info .t3.data-v-57280228 {
font-size: 22rpx;
color: #404547;
}
.home-index .section .list .box .base-info .button-text.data-v-57280228 {
width: 112rpx;
height: 38rpx;
background: #bb3434;
border-radius: 4rpx;
font-size: 22rpx;
color: #ffffff;
margin-left: 16rpx;
}
.home-index .section .list .box .base-info .iconfont.data-v-57280228 {
font-size: 28rpx;
color: #6e767a;
}
.home-index .section .list .box .time-info .time .t1.data-v-57280228 {
font-size: 22rpx;
color: #6E767A;
margin-right: 12rpx;
}
.home-index .section .list .box .time-info .time .t2.data-v-57280228 {
font-size: 22rpx;
color: #197ADB;
}
.home-index .section .list .box .status0.data-v-57280228 {
position: absolute;
right: 24rpx;
top: 24rpx;
}
.home-index .section .list .box .status0 .iconfont.data-v-57280228 {
font-size: 32rpx;
color: #BB3434;
}
.home-index .section .list .box .status0 ._span.data-v-57280228 {
font-size: 26rpx;
color: #BB3434;
margin-left: 8rpx;
}
.home-index .section .list .box .status1.data-v-57280228 {
position: absolute;
right: 24rpx;
top: 24rpx;
font-size: 26rpx;
color: #404547;
}
.home-index .section .list .box .status2.data-v-57280228 {
position: absolute;
right: 24rpx;
top: 24rpx;
font-size: 26rpx;
color: #197ADB;
}
.home-index .section .list .box.curr.data-v-57280228 {
background: #FFE3E3;
border-radius: 4rpx;
border: 2rpx solid #BB3434;
}
unpackage/dist/dev/mp-weixin/pages/index/notice.json 0 → 100644
{
"navigationBarTitleText": "公告详情",
"usingComponents": {}
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/index/notice.wxml 0 → 100644
<view class="notice data-v-4383d12e"><view class="title column data-v-4383d12e"><text class="tit data-v-4383d12e">全球领先元器件分销商得捷电子Digi-Key香港供应链台风放假通知</text><text class="time data-v-4383d12e"><text class="t1 data-v-4383d12e">发布日期：</text><text class="t2 data-v-4383d12e">2021.09.02 17:12</text></text></view><view class="section data-v-4383d12e">尊敬的新老客户：
为了确保所有客户购买的都是商城最新批次进货的物料，即日起商城将严格实施仓储管理先进先出的理念，后续发货会存在同款编带物料2段发货的可能（单款编带物料整盘的除外），例如整盘/盒数量为5000，实际购买数量为9000或4000时，非整盘部分可能分为2段2000或者1段500和1段3500等现象，但在商城没有另外通知的情况下，我司确保不会出现超过2段以上的情况，
我司不接受订单内备注不需要接段，恕不接受此类投诉，请广大客户谅解及支持！（特别提示：商城不提供任何方式接带服务，需上贴片机的客户需自行接带）</view><button class="share row rowCenter verCenter data-v-4383d12e" open-type="share"><text class="iconfont icon-jinggao1 data-v-4383d12e"></text><text class="t1 data-v-4383d12e">微信好友</text></button></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/index/notice.wxss 0 → 100644
@charset "UTF-8";
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
view.data-v-4383d12e {
box-sizing: border-box;
}
image.data-v-4383d12e {
vertical-align: middle;
}
.column.data-v-4383d12e {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.row.data-v-4383d12e {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
}
.boxsiz.data-v-4383d12e {
box-sizing: border-box;
}
/* 两侧对齐 */
.bothSide.data-v-4383d12e {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/* 平均分布 */
.avarage.data-v-4383d12e {
-webkit-justify-content: space-around;
justify-content: space-around;
}
/* 水平居中 */
.rowCenter.data-v-4383d12e {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
/* 垂直居中 */
.verCenter.data-v-4383d12e {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.boxFlex.data-v-4383d12e {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.no-data .iconfont.data-v-4383d12e {
font-size: 188rpx;
color: #f39d18;
}
.no-data .text.data-v-4383d12e {
margin-top: 16rpx;
font-size: 28rpx;
color: #1e2021;
font-weight: bold;
}
.notice.data-v-4383d12e {
padding: 32rpx 24rpx 0 24rpx;
}
.notice .title .tit.data-v-4383d12e {
line-height: 45rpx;
font-size: 32rpx;
color: #1e2021;
font-weight: bold;
margin-bottom: 24rpx;
}
.notice .title .time .t1.data-v-4383d12e {
font-size: 22rpx;
color: #6e767a;
}
.notice .title .time .t2.data-v-4383d12e {
font-size: 22rpx;
color: #404547;
}
.notice .section.data-v-4383d12e {
padding-top: 36rpx;
font-size: 24rpx;
color: #404547;
}
.notice .share.data-v-4383d12e {
position: fixed;
bottom: 40rpx;
left: 0;
right: 0;
z-index: 99;
width: 582rpx;
height: 88rpx;
background: #197adb;
border-radius: 4rpx;
}
.notice .share .iconfont.data-v-4383d12e {
font-size: 44rpx;
color: #FFFFFF;
margin-right: 16rpx;
}
.notice .share .t1.data-v-4383d12e {
font-size: 28rpx;
color: #ffffff;
}
unpackage/dist/dev/mp-weixin/project.config.json
......@@ -6,37 +6,8 @@
"setting": {
"urlCheck": false,
"es6": true,
"enhance": true,
"postcss": true,
"preloadBackgroundData": false,
"minified": true,
"newFeature": false,
"coverView": true,
"nodeModules": false,
"autoAudits": false,
"showShadowRootInWxmlPanel": true,
"scopeDataCheck": false,
"uglifyFileName": false,
"checkInvalidKey": true,
"checkSiteMap": true,
"uploadWithSourceMap": true,
"compileHotReLoad": false,
"lazyloadPlaceholderEnable": false,
"useMultiFrameRuntime": true,
"useApiHook": true,
"useApiHostProcess": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"enableEngineNative": false,
"useIsolateContext": true,
"userConfirmedBundleSwitch": false,
"packNpmManually": false,
"packNpmRelationList": [],
"minifyWXSS": true,
"showES6CompileOption": false
"minified": true
},
"compileType": "miniprogram",
"libVersion": "",
......@@ -44,15 +15,19 @@
"projectname": "scmMiniprogram",
"condition": {
"search": {
"current": -1,
"list": []
},
"conversation": {
"current": -1,
"list": []
},
"game": {
"current": -1,
"list": []
},
"miniprogram": {
"current": -1,
"list": []
}
}
......
unpackage/dist/dev/mp-weixin/project.private.config.json 0 → 100644
{
"condition": {
"plugin": {
"list": []
},
"game": {
"list": []
},
"gamePlugin": {
"list": []
},
"miniprogram": {
"list": [
{
"name": "pages/index/notice",
"pathName": "pages/index/notice",
"query": "",
"scene": null
}
]
}
}
}
\ No newline at end of file
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