update .gitignore
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
@@ -1,25 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<script>
|
||||
var __UniViewStartTime__ = Date.now();
|
||||
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
|
||||
CSS.supports('top: constant(a)'))
|
||||
document.write(
|
||||
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
|
||||
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
|
||||
</script>
|
||||
<title>View</title>
|
||||
<link rel="stylesheet" href="view.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script src="__uniappes6.js"></script>
|
||||
<script src="view.umd.min.js"></script>
|
||||
<script src="app-view.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1 +0,0 @@
|
||||
(function(e){function r(r){for(var n,l,i=r[0],p=r[1],a=r[2],c=0,s=[];c<i.length;c++)l=i[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in p)Object.prototype.hasOwnProperty.call(p,n)&&(e[n]=p[n]);f&&f(r);while(s.length)s.shift()();return u.push.apply(u,a||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++){var p=t[i];0!==o[p]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={"app-config":0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e["default"]}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var i=this["webpackJsonp"]=this["webpackJsonp"]||[],p=i.push.bind(i);i.push=r,i=i.slice();for(var a=0;a<i.length;a++)r(i[a]);var f=p;t()})([]);
|
||||
@@ -1 +0,0 @@
|
||||
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__EAACF14","name":"南山田舍","version":{"name":"1.0","code":1},"description":"核心商城系统(CoreShop)是基于uni-app框架开发的商城应用程序","launch_path":"__uniappview.html","developer":{"name":"","email":"","url":""},"permissions":{"Payment":{},"VideoPlayer":{},"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"target":"id:1","autoclose":true,"waiting":true,"delay":0},"popGesture":"close","launchwebview":{"id":"1","kernel":"WKWebview"},"statusbar":{"immersed":"supportedDevice","style":"light","background":"#000000"},"distribute":{"icons":{"android":{"hdpi":"unpackage/res/icons/72x72.png","xhdpi":"unpackage/res/icons/96x96.png","xxhdpi":"unpackage/res/icons/144x144.png","xxxhdpi":"unpackage/res/icons/192x192.png"},"ios":{"appstore":"unpackage/res/icons/1024x1024.png","ipad":{"app":"unpackage/res/icons/76x76.png","app@2x":"unpackage/res/icons/152x152.png","notification":"unpackage/res/icons/20x20.png","notification@2x":"unpackage/res/icons/40x40.png","proapp@2x":"unpackage/res/icons/167x167.png","settings":"unpackage/res/icons/29x29.png","settings@2x":"unpackage/res/icons/58x58.png","spotlight":"unpackage/res/icons/40x40.png","spotlight@2x":"unpackage/res/icons/80x80.png"},"iphone":{"app@2x":"unpackage/res/icons/120x120.png","app@3x":"unpackage/res/icons/180x180.png","notification@2x":"unpackage/res/icons/40x40.png","notification@3x":"unpackage/res/icons/60x60.png","settings@2x":"unpackage/res/icons/58x58.png","settings@3x":"unpackage/res/icons/87x87.png","spotlight@2x":"unpackage/res/icons/80x80.png","spotlight@3x":"unpackage/res/icons/120x120.png"}}},"google":{"permissions":["<uses-feature android:name=\"android.hardware.camera\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>","<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.CALL_PHONE\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.INTERNET\"/>","<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>","<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"],"abiFilters":["armeabi-v7a","arm64-v8a","x86"]},"apple":{},"plugins":{"payment":{"weixin":{"appid":"wx11d95cdaee6058f6"},"alipay":{"scheme":""}},"ad":{},"maps":{},"oauth":{"univerify":{}},"audio":{"mp3":{"description":"Android平台录音支持MP3格式文件"}}}},"allowsInlineMediaPlayback":true,"safearea":{"background":"#fff","bottom":{"offset":"auto"}},"uni-app":{"compilerVersion":"3.2.16","control":"uni-v3","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal"},"tabBar":{"color":"#999","selectedColor":"#333","backgroundColor":"#fff","list":[{"pagePath":"pages/index/default/default","text":"首页","iconPath":"static/images/indexMenus/index01.png","selectedIconPath":"static/images/indexMenus/index01_1.png"},{"pagePath":"pages/category/index/index","text":"分类","iconPath":"static/images/indexMenus/index02.png","selectedIconPath":"static/images/indexMenus/index02_1.png"},{"pagePath":"pages/index/cart/cart","text":"购物车","iconPath":"static/images/indexMenus/index03.png","selectedIconPath":"static/images/indexMenus/index03_1.png"},{"pagePath":"pages/index/member/member","text":"我的","iconPath":"static/images/indexMenus/index04.png","selectedIconPath":"static/images/indexMenus/index04_1.png"}],"borderStyle":"rgba(0,0,0,0.4)","height":"50px","child":["lauchwebview"],"selected":0},"launch_path":"__uniappview.html"}}
|
||||
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 8.8 KiB |
|
Before Width: | Height: | Size: 9.0 KiB |
|
Before Width: | Height: | Size: 7.5 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 9.7 KiB |
|
Before Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 888 B |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1010 B |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 8.0 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 31 KiB |
@@ -1,259 +0,0 @@
|
||||
/*page { background: #f6f7f9; }*/
|
||||
page, .bg-page { background: #f7f7f7; }
|
||||
|
||||
|
||||
// nvue不能用标签命名样式,不能放在微信组件中,否则微信开发工具会报警告,无法使用标签名当做选择器
|
||||
/* #ifndef APP-NVUE */
|
||||
image { display: inline-block; }
|
||||
|
||||
// 在weex,也即nvue中,所有元素默认为border-box
|
||||
view, text { box-sizing: border-box; }
|
||||
/* #endif */
|
||||
|
||||
//圆形
|
||||
.round { border-radius: 2500px; }
|
||||
//半圆
|
||||
.radius { border-radius: 3px; }
|
||||
//下划线
|
||||
.coreshop-underline { text-decoration: underline; }
|
||||
//顶划线
|
||||
.coreshop-text-overline { text-decoration: overline; }
|
||||
//删除线
|
||||
.coreshop-text-through { text-decoration: line-through; }
|
||||
/*隐藏*/
|
||||
.hide { display: none; }
|
||||
/*显示*/
|
||||
.show { display: block; }
|
||||
|
||||
|
||||
|
||||
.coreshop-float-left { float: left; }
|
||||
.coreshop-float-right { float: right; }
|
||||
|
||||
/* -- 实线 -- */
|
||||
.coreshop-solid, .coreshop-solid-top,
|
||||
.coreshop-solid-right,
|
||||
.coreshop-solid-bottom,
|
||||
.coreshop-solid-left { position: relative; }
|
||||
|
||||
.coreshop-solid::after,
|
||||
.coreshop-solid-top::after,
|
||||
.coreshop-solid-right::after,
|
||||
.coreshop-solid-bottom::after,
|
||||
.coreshop-solid-left::after { content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border-radius: inherit; transform: scale(0.5); transform-origin: 0 0; pointer-events: none; box-sizing: border-box; }
|
||||
|
||||
.coreshop-solid::after { border: 0.5px solid rgba(0, 0, 0, 0.1); }
|
||||
.coreshop-solid-top::after { border-top: 0.5px solid rgba(0, 0, 0, 0.1); }
|
||||
.coreshop-solid-right::after { border-right: 0.5px solid rgba(0, 0, 0, 0.1); }
|
||||
.coreshop-solid-bottom::after { border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); }
|
||||
.coreshop-solid-left::after { border-left: 0.5px solid rgba(0, 0, 0, 0.1); }
|
||||
|
||||
/* flex弹性布局 */
|
||||
|
||||
.coreshop-display-block { display: block !important; }
|
||||
.coreshop-display-flex { display: flex; }
|
||||
.coreshop-display-inline-block { display: inline-block; }
|
||||
|
||||
.coreshop-flex { display: flex; }
|
||||
.coreshop-flex-sub { flex: 1; }
|
||||
.coreshop-flex-twice { flex: 2; }
|
||||
.coreshop-flex-treble { flex: 3; }
|
||||
.coreshop-flex-direction { flex-direction: column; }
|
||||
.coreshop-flex-wrap { flex-wrap: wrap; }
|
||||
|
||||
.coreshop-align-start { align-items: flex-start; }
|
||||
.coreshop-align-end { align-items: flex-end; }
|
||||
.coreshop-align-center { align-items: center; }
|
||||
.coreshop-align-stretch { align-items: stretch; }
|
||||
.coreshop-self-start { align-self: flex-start; }
|
||||
.coreshop-self-center { align-self: flex-center; }
|
||||
.coreshop-self-end { align-self: flex-end; }
|
||||
.coreshop-self-stretch { align-self: stretch; }
|
||||
|
||||
.coreshop-flex-direction-row { flex-direction: row }
|
||||
.coreshop-flex-direction-row-reverse { flex-direction: row-reverse }
|
||||
.coreshop-flex-direction-column { flex-direction: column }
|
||||
.coreshop-flex-direction-column-reverse { flex-direction: column-reverse }
|
||||
|
||||
.coreshop-justify-start { justify-content: flex-start; }
|
||||
.coreshop-justify-end { justify-content: flex-end; }
|
||||
.coreshop-justify-center { justify-content: center; }
|
||||
.coreshop-justify-between { justify-content: space-between; }
|
||||
.coreshop-justify-around { justify-content: space-around; }
|
||||
|
||||
/*区域*/
|
||||
.coreshop-basis-1 { flex-basis: 10%; }
|
||||
.coreshop-basis-2 { flex-basis: 20%; }
|
||||
.coreshop-basis-3 { flex-basis: 30%; }
|
||||
.coreshop-basis-4 { flex-basis: 40%; }
|
||||
.coreshop-basis-5 { flex-basis: 50%; }
|
||||
.coreshop-basis-6 { flex-basis: 60%; }
|
||||
.coreshop-basis-7 { flex-basis: 70%; }
|
||||
.coreshop-basis-8 { flex-basis: 80%; }
|
||||
.coreshop-basis-9 { flex-basis: 90%; }
|
||||
|
||||
|
||||
/*位置信息*/
|
||||
.coreshop-vertical-align-sub { vertical-align: sub }
|
||||
|
||||
/*背景颜色*/
|
||||
.coreshop-bg-red { background-color: #e54d42; color: #ffffff; }
|
||||
.coreshop-bg-orange { background-color: #f37b1d; color: #ffffff; }
|
||||
.coreshop-bg-yellow { background-color: #fbbd08; color: #333333; }
|
||||
.coreshop-bg-olive { background-color: #8dc63f; color: #ffffff; }
|
||||
.coreshop-bg-green { background-color: #39b54a; color: #ffffff; }
|
||||
.coreshop-bg-cyan { background-color: #1cbbb4; color: #ffffff; }
|
||||
.coreshop-bg-blue { background-color: #0081ff; color: #ffffff; }
|
||||
.coreshop-bg-purple { background-color: #6739b6; color: #ffffff; }
|
||||
.coreshop-bg-mauve { background-color: #9c26b0; color: #ffffff; }
|
||||
.coreshop-bg-pink { background-color: #e03997; color: #ffffff; }
|
||||
.coreshop-bg-brown { background-color: #a5673f; color: #ffffff; }
|
||||
.coreshop-bg-grey { background-color: #8799a3; color: #ffffff; }
|
||||
.coreshop-bg-gray { background-color: #f0f0f0; color: #333333; }
|
||||
.coreshop-bg-black { background-color: #333333; color: #ffffff; }
|
||||
.coreshop-bg-white { background-color: #ffffff; color: #666666; }
|
||||
.coreshop-bg-shadeTop { background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01)); color: #ffffff; }
|
||||
.coreshop-bg-shadeBottom { background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1)); color: #ffffff; }
|
||||
|
||||
.coreshop-bg-red-light { color: #e54d42; background-color: #fadbd9; }
|
||||
.coreshop-bg-orange-light { color: #f37b1d; background-color: #fde6d2; }
|
||||
.coreshop-bg-yellow-light { color: #fbbd08; background-color: #fef2ced2; }
|
||||
.coreshop-bg-olive-light { color: #8dc63f; background-color: #e8f4d9; }
|
||||
.coreshop-bg-green-light { color: #39b54a; background-color: #d7f0dbff; }
|
||||
.coreshop-bg-cyan-light { color: #1cbbb4; background-color: #d2f1f0; }
|
||||
.coreshop-bg-blue-light { color: #0081ff; background-color: #cce6ff; }
|
||||
.coreshop-bg-purple-light { color: #6739b6; background-color: #e1d7f0; }
|
||||
.coreshop-bg-mauve-light { color: #9c26b0; background-color: #ebd4ef; }
|
||||
.coreshop-bg-pink-light { color: #e03997; background-color: #f9d7ea; }
|
||||
.coreshop-bg-brown-light { color: #a5673f; background-color: #ede1d9; }
|
||||
.coreshop-bg-grey-light { color: #8799a3; background-color: #e7ebed; }
|
||||
|
||||
/*字体颜色*/
|
||||
.coreshop-text-green { background-color: #19be6b; color: #fff; }
|
||||
.coreshop-text-red, .line-red, .lines-red { color: #e54d42; }
|
||||
.coreshop-text-orange, .line-orange, .lines-orange { color: #f37b1d; }
|
||||
.coreshop-text-yellow, .line-yellow, .lines-yellow { color: #fbbd08; }
|
||||
.coreshop-text-olive, .line-olive, .lines-olive { color: #8dc63f; }
|
||||
.coreshop-text-green, .line-green, .lines-green { color: #39b54a; }
|
||||
.coreshop-text-cyan, .line-cyan, .lines-cyan { color: #1cbbb4; }
|
||||
.coreshop-text-blue, .line-blue, .lines-blue { color: #0081ff; }
|
||||
.coreshop-text-purple, .line-purple, .lines-purple { color: #6739b6; }
|
||||
.coreshop-text-mauve, .line-mauve, .lines-mauve { color: #9c26b0; }
|
||||
.coreshop-text-pink, .line-pink, .lines-pink { color: #e03997; }
|
||||
.coreshop-text-brown, .line-brown, .lines-brown { color: #a5673f; }
|
||||
.coreshop-text-grey, .line-grey, .lines-grey { color: #8799a3; }
|
||||
.coreshop-text-gray, .line-gray, .lines-gray { color: #aaaaaa; }
|
||||
.coreshop-text-black, .line-black, .lines-black { color: #333333; }
|
||||
.coreshop-text-white, .line-white, .lines-white { color: #ffffff; }
|
||||
|
||||
|
||||
.coreshop-position-absolute { position: absolute; }
|
||||
.coreshop-position-relative { position: relative; }
|
||||
|
||||
.coreshop-font-weight-bold { font-weight: bold; }
|
||||
|
||||
.coreshop-font-xs { font-size: 11px; }
|
||||
.coreshop-font-sm { font-size: 13px; }
|
||||
.coreshop-font-md { font-size: 14px; }
|
||||
.coreshop-font-lg { font-size: 15px; }
|
||||
.coreshop-font-xl { font-size: 17px; }
|
||||
.coreshop-flex-nowrap { flex-wrap: nowrap; }
|
||||
|
||||
.coreshop-text-left { text-align: left; }
|
||||
.coreshop-text-center { text-align: center; }
|
||||
.coreshop-text-right { text-align: right; }
|
||||
|
||||
//width: fit-content 根据内容自适应宽度 可以结合margin-auto 来实现居中
|
||||
.coreshop-width-fit-content { width: fit-content; }
|
||||
//with: min-content 使用子元素中宽度最小的。(无论子元素是inline,还是 block,都会使用最小的宽度)
|
||||
.coreshop-width-min-content { width: min-content; }
|
||||
//width:max-content 使用子元素中最大的开你的。无论是inline还是block
|
||||
.coreshop-width-max-content { width: max-content; }
|
||||
|
||||
|
||||
|
||||
/*字体高度*/
|
||||
.coreshop-line-height-initial { line-height: initial }
|
||||
|
||||
/*人民币符号*/
|
||||
.coreshop-text-price::before { content: "¥"; font-size: 80%; margin-right: 2px; }
|
||||
|
||||
/*字体格式*/
|
||||
.coreshop-text-bold { font-weight: bold; }
|
||||
|
||||
/*empty外部盒子用于空数据下整体外包*/
|
||||
.coreshop-emptybox { text-align: center; margin: 100px auto; font-size: 16px;
|
||||
.coreshop-btn { margin: 40px auto; width: 100px; border-radius: 16px; line-height: 37px; color: #ffffff; font-size: 13px; background: linear-gradient(270deg, rgba(249, 116, 90, 1) 0%, rgba(255, 158, 1, 1) 100%); }
|
||||
}
|
||||
|
||||
/*底部tab切换区域占高*/
|
||||
.coreshop-tabbar-height { min-height: 50px; height: calc(50px + env(safe-area-inset-bottom) / 2); margin-top: 15px; }
|
||||
|
||||
|
||||
/*宽屏按钮*/
|
||||
.coreshop-btn { display: inline-block; box-sizing: border-box; border-radius: 0; font-size: 14px; transform: scale(1); transition: all .5s; }
|
||||
.coreshop-btn-hover { transform: scale(.90); transition: all .5s; opacity: .8; }
|
||||
.coreshop-btn-hover2 { transition: all .1s; opacity: .6; }
|
||||
.coreshop-btn::after { border: none; }
|
||||
.coreshop-btn-circle { padding: 0px 10px; height: 30px; line-height: 30px; min-width: 120px; font-size: 11px; }
|
||||
.coreshop-btn-square { padding: 0px 20px; height: 45px; line-height: 45px; min-width: 125px; border: none !important; }
|
||||
.coreshop-btn-fillet { border-radius: 25px; }
|
||||
.coreshop-btn-c { background-color: #f7f7f7; }
|
||||
.coreshop-btn-w { border: 1px solid #333; color: #333; background-color: #fff; }
|
||||
.coreshop-btn-g { border: 1px solid #E0E0E0; color: #999; background-color: #fff; }
|
||||
.coreshop-btn-b { border: 1px solid #333; background-color: #333; color: #fff; }
|
||||
.coreshop-btn-o { border: 1px solid #FF7159; background-color: #FF7159; color: #fff; }
|
||||
.coreshop-btn-half { width: 50%; }
|
||||
.coreshop-btn-all { width: 100%; }
|
||||
|
||||
|
||||
|
||||
// 定义宽度百分比等分
|
||||
@for $i from 1 through 100 {
|
||||
.coreshop-percent-#{$i} { width: $i#{'%'}; }
|
||||
}
|
||||
|
||||
|
||||
// 定义flex等分
|
||||
@for $i from 0 through 12 {
|
||||
.coreshop-flex-#{$i} { flex: $i; }
|
||||
}
|
||||
|
||||
// 定义字体(px)单位
|
||||
@for $i from 0 through 40 {
|
||||
.coreshop-font-#{$i} { font-size: $i + px; }
|
||||
}
|
||||
|
||||
// 定义圆角(px)单位
|
||||
@for $i from 0 through 40 {
|
||||
.coreshop-border-radius-#{$i} { border-radius: $i + px; }
|
||||
}
|
||||
|
||||
|
||||
// 定义内外边距,历遍1-80
|
||||
@for $i from 0 through 80 {
|
||||
// 只要双数和能被5除尽的数
|
||||
@if $i % 2 == 0 or $i % 5 == 0 {
|
||||
// 得出:coreshop-margin-30或者u-m-30
|
||||
.coreshop-margin-#{$i}, .c-m-#{$i} { margin: $i + px !important; }
|
||||
|
||||
// 得出:coreshop-padding-15或者u-p-30
|
||||
.coreshop-padding-#{$i}, .c-p-#{$i} { padding: $i + px !important; }
|
||||
|
||||
@each $short, $long in l left, t top, r right, b bottom {
|
||||
// 缩写版,结果如: u-m-l-30
|
||||
// 定义外边距
|
||||
.c-m-#{$short}-#{$i} { margin-#{$long}: $i + px !important; }
|
||||
|
||||
// 定义内边距
|
||||
.c-p-#{$short}-#{$i} { padding-#{$long}: $i + px !important; }
|
||||
|
||||
// 完整版,结果如:coreshop-margin-left-30
|
||||
// 定义外边距
|
||||
.coreshop-margin-#{$long}-#{$i} { margin-#{$long}: $i + px !important; }
|
||||
|
||||
// 定义内边距
|
||||
.coreshop-padding-#{$long}-#{$i} { padding-#{$long}: $i + px !important; }
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,636 +0,0 @@
|
||||
|
||||
//占位使用,结合顶部通用标题
|
||||
.coreshop-seat-height { width: 100%; /* #ifndef MP */ height: calc(var(--status-bar-height) + 50px); /* #endif */ /* #ifdef MP */ height: calc(var(--status-bar-height) + 70px); /* #endif */ }
|
||||
|
||||
//占位线
|
||||
.coreshop-solid-line { width: 100%; height: 1px; background: #f9f9f9; }
|
||||
.coreshop-coreshop-solid-top::after { border-top: 1px solid rgba(0, 0, 0, 0.1); }
|
||||
|
||||
|
||||
|
||||
// 格式化页面
|
||||
.coreshop-pageBox { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow-x: hidden; background: #f6f6f6; }
|
||||
.coreshop-scroll-box { flex: 1; height: 100%; position: relative; }
|
||||
.coreshop-content-box { flex: 1; overflow-y: auto; }
|
||||
|
||||
|
||||
|
||||
/*头像大小自定义*/
|
||||
.coreshop-head-icon { width: 20px; height: 20px; display: inline-block; margin-right: 4px; }
|
||||
|
||||
|
||||
|
||||
//底部按钮框样式
|
||||
.coreshop-bottomBox { background-color: #fff; position: fixed; bottom: 0; height: 45px; width: 100%; display: flex; z-index: 66; box-shadow: 0 0 10px #ccc;
|
||||
.coreshop-btn { flex: 1; }
|
||||
}
|
||||
.coreshop-category-bottomBox { background-color: #fff; bottom: 0; /*height: 45px;*/ width: 100%; display: flex; z-index: 66; box-shadow: 0 0 10px #ccc;
|
||||
view { width: calc(50% - 10px); margin: 5px; }
|
||||
}
|
||||
|
||||
|
||||
//底部多按钮区
|
||||
.coreshop-add-btn-view-box { position: fixed; z-index: 10000; bottom: 90px; right: 14px;
|
||||
.cu-btn { margin: auto; width: 40px; height: 40px; font-weight: 800; border-radius: 50%; font-size: 18px; border: 5px solid #fff; box-shadow: 0 0 7px 4px #d0d0d0; }
|
||||
}
|
||||
|
||||
//底部浮动区域,用于放置按钮内容
|
||||
.coreshop-footer-fixed { position: fixed; z-index: 100; width: 100%; bottom: 0; left: 0; padding: 5px 20px; min-height: 60px; display: flex; align-items: center; flex-direction: row; justify-content: center; }
|
||||
.coreshop-foot-padding-bottom { padding-bottom: calc(env(safe-area-inset-bottom) / 2); }
|
||||
.coreshop-tip-view { position: relative; padding: 5px 11px;
|
||||
.coreshop-content { position: relative; padding-right: 28px; }
|
||||
.coreshop-icon { position: absolute; font-size: 16px; right: 14px; color: #8799a3; top: 5px; }
|
||||
}
|
||||
|
||||
/*底部*/
|
||||
.wecanui-footer-fixed { position: fixed; z-index: 10000; width: 100%; bottom: 0; left: 0; }
|
||||
.wecanui-footer-fixed.foot-pb { padding-bottom: calc(env(safe-area-inset-bottom) / 2); }
|
||||
.wecanui-footer-tabbar-hight-view { position: relative; width: 100%; height: calc((env(safe-area-inset-bottom) / 2) + 68px); }
|
||||
.cu-form-group picker .picker { text-align: left; }
|
||||
|
||||
/*浮动按钮*/
|
||||
.floatingButton { width: 40px; height: 40px; background-color: #fff; border-radius: 50%; position: fixed; right: 20px; bottom: 50px; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 5px #ccc; padding: 0; z-index: 996; }
|
||||
.floatingButton .icon { width: 30px; height: 30px; }
|
||||
|
||||
//顶部搜索框导航条设置
|
||||
.coreshop-bar-search-title-box {
|
||||
.cu-bar .action > text[class*="cuIcon-"] { font-size: 18px; }
|
||||
}
|
||||
|
||||
//滚动商品图标颜色
|
||||
.coreshop-goods-swiper-view {
|
||||
swiper.screen-swiper .uni-swiper-dot { background: #f0f0f0; }
|
||||
swiper.screen-swiper.square-dot .uni-swiper-dot { background-color: #aaaaaa; }
|
||||
}
|
||||
|
||||
|
||||
/*分享浮层*/
|
||||
.coreshop-share-Box { width: 100%; height: 120px; background: #FFFFFF; }
|
||||
.coreshop-share-pop { height: 120px; width: 100%; display: flex; }
|
||||
.coreshop-share-item { flex: 1; text-align: center; font-size: 13px; color: #333; padding: 10px 0;
|
||||
image { width: 40px; height: 40px; margin: 10px; }
|
||||
.coreshop-btn { line-height: 1; display: block; font-size: 13px; background-color: #fff; }
|
||||
}
|
||||
|
||||
//顶部通用标题
|
||||
.coreshop-bar-view-box { position: fixed; top: 0; width: 100%; z-index: 10000; background: #FAFAFA; /* #ifndef MP */ height: calc(var(--status-bar-height) + 50px); /* #endif */ /* #ifdef MP */ height: calc(var(--status-bar-height) + 65px); /* #endif */ padding: var(--status-bar-height) 14px 0 14px; align-items: center;
|
||||
.coreshop-bar-box { position: relative; width: 100%; align-items: center; line-height: 50px;
|
||||
.close { position: absolute; right: 14px; font-size: 20px; bottom: 5px; }
|
||||
}
|
||||
.coreshop-small-routine-title { padding: 10px 0; }
|
||||
}
|
||||
|
||||
|
||||
/*通用列表*/
|
||||
.coreshop-cell-group { background-color: #fff;
|
||||
.coreshop-cell-item { padding: 10px 13px 10px 10px; border-bottom: 1px solid #f3f3f3; position: relative; background-color: #fff; color: #333; display: flex; min-height: 45px; align-items: center; justify-content: space-between; flex-direction: row;
|
||||
.coreshop-cell-item-hd { display: flex; align-items: center; font-size: 14px; position: relative;
|
||||
.coreshop-cell-hd-title { display: inline-block; position: relative; /* #ifdef MP-ALIPAY */ top: 2px; /* #endif */ }
|
||||
.coreshop-cell-bd-input { display: inline-block; float: left; font-size: 13px; }
|
||||
}
|
||||
.coreshop-cell-item-bd { display: flex; min-height: 15px; overflow: hidden; align-items: center; padding-right: 15px;
|
||||
.coreshop-cell-bd-view { position: relative; display: flex;
|
||||
.coreshop-cell-bd-text { position: relative; font-size: 12px; }
|
||||
}
|
||||
}
|
||||
.coreshop-cell-item-ft { display: flex; align-items: center;
|
||||
.coreshop-cell-ft-view { position: relative; overflow: hidden; color: #666; font-size: 12px; text-align: right; }
|
||||
.coreshop-cell-ft-text { font-size: 14px; float: right; position: relative; line-height: 25px; }
|
||||
}
|
||||
}
|
||||
.coreshop-cell-item:last-child { border: none; }
|
||||
.coreshop-cell-textarea { }
|
||||
.right-img {
|
||||
.coreshop-cell-item-ft { right: 4px; height: 25px; position: absolute; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*二列商品列表展示*/
|
||||
.coreshop-goods-group { border-radius: 8px; color: #333333 !important; margin: 0 5px;
|
||||
.good_box { border-radius: 8px; margin: 3px; background-color: #ffffff; padding: 5px; position: relative; width: calc(100% - 6px);
|
||||
.good_title { font-size: 13px; margin-top: 5px; color: $u-main-color; }
|
||||
.good_title-xl { font-size: 14px; margin-top: 5px; color: $u-main-color; }
|
||||
.good_image { width: 100%; border-radius: 4px; }
|
||||
.good-tag-hot { display: flex; margin-top: 5px; position: absolute; top: 7.5px; left: 7.5px; background-color: $u-type-error; color: #ffffff; display: flex; align-items: center; padding: 2px 7px; border-radius: 25px; font-size: 10px; line-height: 1; }
|
||||
.good-tag-recommend { display: flex; margin-top: 5px; position: absolute; top: 7.5px; right: 7.5px; background-color: $u-type-primary; color: #ffffff; margin-left: 10px; border-radius: 25px; line-height: 1; padding: 2px 7px; display: flex; align-items: center; border-radius: 25px; font-size: 10px; }
|
||||
.good-tag-recommend2 { display: flex; margin-top: 5px; position: absolute; bottom: 7.5px; left: 7.5px; background-color: $u-type-primary; color: #ffffff; border-radius: 25px; line-height: 1; padding: 2px 7px; display: flex; align-items: center; border-radius: 25px; font-size: 10px; }
|
||||
.good-price { font-size: 15px; color: $u-type-error; margin-top: 5px; }
|
||||
.good-des { font-size: 10px; color: $u-tips-color; margin-top: 5px; }
|
||||
.grid-text { font-size: 14px; margin-top: 2px; color: $u-type-info; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*优惠券列表*/
|
||||
.coreshop-coupon {
|
||||
.coreshop-coupon-card-view { position: relative;
|
||||
.card-price-view { position: relative; background: #FFF5F5; border-radius: 7px 7px 0 0; padding: 9px;
|
||||
.price-left-view { position: absolute; height: 63px; width: 78px; text-align: center; line-height: 63px;
|
||||
.price { font-size: 23px; font-weight: 400; }
|
||||
.icon { width: 61px; height: 48px; margin-top: 50%; transform: translateY(-50%); overflow: initial; }
|
||||
}
|
||||
.name-content-view { position: relative; padding-left: 82px; padding-right: 53px; line-height: 1.8; color: #999898; }
|
||||
.name-content-view::before { content: ''; position: absolute; top: -9px; bottom: -9px; margin-left: -9px; border-left: 1px dashed #fdbabc; }
|
||||
.btn-right-view { position: absolute; right: 10px; top: 15px;
|
||||
.u-size-medium { padding: 0; }
|
||||
}
|
||||
}
|
||||
.card-num-view { position: relative; background: #FFECED; border-radius: 0 0 7.5px 7.5px; border-top: 1px dashed #dedbdb; padding: 5px 5px; color: #999898;
|
||||
.btnUnfold { position: absolute; right: 14px; top: 7.5px; }
|
||||
}
|
||||
/* .card-num-view::before { content: ''; position: absolute; width: 18px; height: 18px; background: #ffffff; border-radius: 50%; top: -9px; left: -9px; }
|
||||
.card-num-view::after { content: ''; position: absolute; width: 18px; height: 18px; background: #ffffff; border-radius: 50%; top: -9px; right: -9px; }*/ }
|
||||
|
||||
.coreshop-lower-shelf {
|
||||
.card-price-view { opacity: 0.5; }
|
||||
.card-num-view { opacity: 0.5; }
|
||||
.img-lower-box { position: absolute; height: 50px; width: 50px; background-color: rgba(0, 0, 0, 0.6); border-radius: 90px; text-align: center; line-height: 50px; font-size: 12px; color: #fff; top: 13px; left: 17.5px; -webkit-transition: left .15s; transition: left .15s; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*订单列表*/
|
||||
.orderWrap { display: flex; flex-direction: column; height: calc(100vh - var(--window-top)); width: 100%; }
|
||||
.orderList { background-color: #ffffff; margin: 10px; border-radius: 10px; box-sizing: border-box; padding: 10px; font-size: 14px;
|
||||
.item { display: flex; margin: 10px 0 0;
|
||||
.left { margin-right: 10px;
|
||||
image { width: 100px; height: 100px; border-radius: 5px; }
|
||||
}
|
||||
.content {
|
||||
.title { font-size: 14px; line-height: 25px; }
|
||||
.type { margin: 5px 0; font-size: 12px; color: $core-tips-color; }
|
||||
.delivery-time { color: #e5d001; font-size: 12px; }
|
||||
}
|
||||
.right { margin-left: 5px; padding-top: 10px; text-align: right;
|
||||
.decimal { font-size: 12px; margin-top: 2px; }
|
||||
.number { color: $core-tips-color; font-size: 12px; }
|
||||
}
|
||||
}
|
||||
.total { margin-top: 10px; text-align: right; font-size: 12px;
|
||||
.total-price { font-size: 16px; color: red; }
|
||||
}
|
||||
.bottom { display: flex; margin-top: 10px; padding: 0 5px; justify-content: space-between; align-items: center;
|
||||
.coreshop-btn { line-height: 26px; width: 90px; border-radius: 13px; border: 1px solid $core-border-color; font-size: 13px; text-align: center; color: $core-type-info-dark; margin-left: 10px; }
|
||||
.evaluate { color: $core-type-warning-dark; border-color: $core-type-warning-dark; }
|
||||
.logistics { border-color: #e4e7ed; color: #82848a; }
|
||||
.exchange { color: #8dc63f; border-color: #8dc63f; }
|
||||
}
|
||||
}
|
||||
|
||||
/*订单详情*/
|
||||
.coreshop-solid-top::after { border-top: 1px solid rgba(0, 0, 0, 0.1); }
|
||||
.coreshop-order-priceBox { position: relative; }
|
||||
.coreshop-order-nums { position: absolute; top: 0; right: 0; }
|
||||
|
||||
/*步进器*/
|
||||
.coreshop-status-img-view { position: relative;
|
||||
.are-img-view { position: relative; margin-bottom: 10px;
|
||||
.are-img { width: 165px; }
|
||||
}
|
||||
}
|
||||
/*拼团区域*/
|
||||
.user-head-img-c { position: relative; width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; box-sizing: border-box; display: inline-block; float: left; border: 1px solid #f3f3f3; margin-bottom: 10px; margin-top: 10px; }
|
||||
.user-head-img-tip { position: absolute; top: -3px; left: -5px; display: inline-block; background-color: #FF7159; color: #fff; font-size: 11px; z-index: 99; padding: 0 5px; border-radius: 5px; transform: scale(.8); }
|
||||
.group-swiper .coreshop-cell-item .user-head-img { width: 100%; height: 100%; border-radius: 50%; }
|
||||
.group-swiper .coreshop-cell-item .user-head-img-c:first-child { border: 1px solid #FF7159; }
|
||||
.uhihn { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; display: inline-block; border: 1px dashed #e1e1e1; text-align: center; line-height: 40px; color: #d1d1d1; font-size: 20px; box-sizing: border-box; }
|
||||
|
||||
|
||||
/*订单卡片*/
|
||||
.coreshop-card-box { padding: 14px 14px 0; }
|
||||
.coreshop-card-view { position: relative; border-radius: 5px; padding: 10px; box-shadow: 0 0 7.5px #f1f1f1; }
|
||||
.coreshop-price-view { position: relative;
|
||||
.title-view { position: relative; margin-bottom: 10px;
|
||||
.title { position: relative; padding-right: 90px; }
|
||||
.coreshop-text-right { position: absolute; top: 2px; right: 0; }
|
||||
}
|
||||
.title-right-view { position: relative; margin-top: 14px; text-align: right; }
|
||||
.title-left-view { position: relative; margin-top: 14px; text-align: left; }
|
||||
.solid-line { margin: 14px 0; }
|
||||
}
|
||||
|
||||
/*卡片-商品信息*/
|
||||
.coreshop-shop-view { position: relative;
|
||||
.shop-info-view { position: relative; margin-bottom: 14px; line-height: 24px; height: 24px;
|
||||
.coreshop-avatar { position: absolute; }
|
||||
.title-view { position: relative; padding-left: 32px; }
|
||||
}
|
||||
.goods-list-view { position: relative; margin: 10 0;
|
||||
.coreshop-avatar { position: absolute; height: 77.5px; width: 77.5px; }
|
||||
.goods-info-view { position: relative; padding-left: 86.5px; min-height: 77.5px;
|
||||
.name { position: relative; height: 20px; width: 100%; }
|
||||
.introduce { position: relative; height: 16px; width: 100%; }
|
||||
.tag-view { position: relative; margin-bottom: 5px; margin-top: 3px; width: 100%;
|
||||
.cu-tag { position: relative; top: -1px; }
|
||||
}
|
||||
.coreshop-text-price { position: relative; height: 18px; width: 100%; }
|
||||
}
|
||||
}
|
||||
.coreshop-foot-view { position: relative; background: #FFFCFC; margin: 0 -10px -10px -10px; border-radius: 0 0 5px 5px; padding: 10px;
|
||||
.left-view { position: relative; padding-right: 90px;
|
||||
.af5-img { position: relative; margin-right: 5px; width: 18px; top: 2px; }
|
||||
}
|
||||
.coreshop-text-right { position: absolute; right: 10px; top: 10px; }
|
||||
}
|
||||
}
|
||||
|
||||
/*卡片-订单内容区域*/
|
||||
.coreshop-order-view { position: relative;
|
||||
.solid-line { margin: 14px 0; }
|
||||
.title-view { position: relative; margin-bottom: 10px;
|
||||
&:last-child { margin-bottom: 6.5px; }
|
||||
.title { position: absolute; top: 2px; left: 0; }
|
||||
.coreshop-text-right { position: relative; padding-left: 90px;
|
||||
.cu-btn { padding: 0 5px; height: 15px; top: -2px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*卡片-物流信息*/
|
||||
.coreshop-address-view { position: relative;
|
||||
.solid-line { margin: 10px 0; }
|
||||
.coreshop-list.menu-avatar > .coreshop-list-item { height: 55px;
|
||||
&:after { width: 0; height: 0; border-bottom: 0; }
|
||||
.icon-view { position: absolute; border-radius: 100%; text-align: center; line-height: 23px; height: 23px; width: 23px; left: 5px; top: 13px; }
|
||||
.content { left: 56px; width: calc(100% - 47.5px); }
|
||||
}
|
||||
}
|
||||
|
||||
/*推荐商品列表*/
|
||||
.coreshop-recommend-goods-list-view { position: relative;
|
||||
.coreshop-flex-wrap { padding: 5px; }
|
||||
.list-item { text-align: center; margin-bottom: 10px;
|
||||
.coreshop-avatar { width: 124px; height: 124px; }
|
||||
.goods-info-view { position: relative; padding: 8px; text-align: left;
|
||||
.coreshop-text-price { margin: 5px 0; }
|
||||
.foot-box { position: relative;
|
||||
.cu-tag { position: absolute; right: 0; top: 0; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*团队列表样式*/
|
||||
.coreshop-team-box { margin-top: 10px;
|
||||
.coreshop-team-list {
|
||||
.coreshop-team-children { padding-left: 15px; padding-right: 15px; height: 66px; border-bottom: 0.5px solid #eee; background: #fff;
|
||||
.head-img { width: 30px; height: 30px; border-radius: 50%; margin-right: 20px; }
|
||||
.head-info { width: calc( 100% - 50px);
|
||||
.head-time { font-size: 12px; font-weight: 400; color: #999999; }
|
||||
.child-num { font-size: 12px; font-weight: 400; color: #999999; }
|
||||
.name-box { margin-bottom: 6px;
|
||||
.name-text { font-size: 12px; font-weight: 500; color: #666; }
|
||||
.tag-box { background: rgba(0, 0, 0, 0.2); border-radius: 10px; line-height: 15px; padding-right: 5px; margin-left: 5px;
|
||||
.tag-img { width: 17px; height: 17px; margin-right: 3px; border-radius: 50%; }
|
||||
.tag-title { font-size: 9px; font-family: PingFang SC; font-weight: 500; color: white; line-height: 10px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 头像*/
|
||||
.coreshop-avatar { font-variant: small-caps; margin: 0; padding: 0; display: inline-flex; text-align: center; justify-content: center; align-items: center; background-color: #ccc; color: #ffffff; white-space: nowrap; position: relative; width: 32px; height: 32px; background-size: cover; background-position: center; vertical-align: middle; font-size: 1.5em;
|
||||
&.sm { width: 24px; height: 24px; font-size: 1em; }
|
||||
&.lg { width: 48px; height: 48px; font-size: 2em; }
|
||||
&.xl { width: 64px; height: 64px; font-size: 2.5em; }
|
||||
.avatar-text { font-size: 0.4em; }
|
||||
}
|
||||
.coreshop-avatar-group { direction: rtl; unicode-bidi: bidi-override; padding: 0 5px 0 20px; display: inline-block;
|
||||
.coreshop-avatar { margin-left: -15px; border: 2px solid #f1f1f1; vertical-align: middle;
|
||||
&.sm { margin-left: -10px; border: 0.5px solid #f1f1f1; }
|
||||
}
|
||||
}
|
||||
|
||||
/*通用列表样式*/
|
||||
.coreshop-list {
|
||||
& + .coreshop-list { margin-top: 15px; }
|
||||
& > .coreshop-list-item { transition: all .6s ease-in-out 0s; transform: translateX(0px);
|
||||
&.move-cur { transform: translateX(-130px); }
|
||||
.move { position: absolute; right: 0; display: flex; width: 130px; height: 100%; transform: translateX(100%);
|
||||
view { display: flex; flex: 1; justify-content: center; align-items: center; }
|
||||
}
|
||||
}
|
||||
&.menu-avatar { overflow: hidden;
|
||||
& > .coreshop-list-item { position: relative; display: flex; padding-right: 5px; height: 70px; background-color: #ffffff; justify-content: flex-end; align-items: center;
|
||||
& > .coreshop-avatar { position: absolute; left: 15px; }
|
||||
.flex {
|
||||
.text-cut { max-width: 255px; }
|
||||
}
|
||||
.content { position: absolute; left: 73px; width: calc(100% - 48px - 30px - 20px); line-height: 1.6em;
|
||||
&.flex-sub { width: calc(100% - 48px - 30px - 10px); }
|
||||
& > view {
|
||||
&:first-child { font-size: 15px; display: flex; align-items: center; }
|
||||
}
|
||||
.coreshop-tag {
|
||||
&.sm { display: inline-block; margin-left: 5px; height: 14px; font-size: 8px; line-height: 16px; }
|
||||
}
|
||||
}
|
||||
.action { width: 50px; text-align: center;
|
||||
view {
|
||||
& + view { margin-top: 5px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
&.comment {
|
||||
& > .coreshop-list-item { padding: 15px 15px 15px 60px; height: auto;
|
||||
.content { position: relative; left: 0; width: auto; flex: 1; }
|
||||
}
|
||||
.coreshop-avatar { align-self: flex-start; }
|
||||
}
|
||||
}
|
||||
&.menu { display: block; overflow: hidden;
|
||||
& > .coreshop-list-item { position: relative; display: flex; padding: 0 15px; min-height: 50px; background-color: #ffffff; justify-content: space-between; align-items: center;
|
||||
&:last-child {
|
||||
&:after { border: none; }
|
||||
}
|
||||
&.grayscale { background-color: #f5f5f5; }
|
||||
&.cur { background-color: #fcf7e9; }
|
||||
&.arrow { padding-right: 45px;
|
||||
&:before { position: absolute; top: 0; right: 15px; bottom: 0; display: block; margin: auto; width: 10px; height: 10px; color: #8799a3; content: "\e605"; text-align: center; font-size: 17px; font-family: "uicon-iconfont"; line-height: 10px; }
|
||||
}
|
||||
button {
|
||||
&.content { padding: 0; background-color: transparent; justify-content: flex-start;
|
||||
&:after { display: none; }
|
||||
}
|
||||
}
|
||||
.coreshop-avatar-group {
|
||||
.coreshop-avatar { border-color: #ffffff; }
|
||||
}
|
||||
.content { font-size: 15px; line-height: 1.6em; flex: 1;
|
||||
& > view {
|
||||
&:first-child { display: flex; align-items: center; }
|
||||
}
|
||||
& > text[class*=cuIcon] { display: inline-block; margin-right: 5px; width: 1.6em; text-align: center; }
|
||||
& > image { display: inline-block; margin-right: 5px; width: 1.6em; height: 1.6em; vertical-align: middle; }
|
||||
.coreshop-tag {
|
||||
&.sm { display: inline-block; margin-left: 5px; height: 14px; font-size: 8px; line-height: 16px; }
|
||||
}
|
||||
}
|
||||
.action {
|
||||
.coreshop-tag {
|
||||
&:empty { right: 5px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
&.sm-border {
|
||||
& > .coreshop-list-item {
|
||||
&:after { left: 15px; width: calc(200% - 60px); }
|
||||
}
|
||||
}
|
||||
}
|
||||
&.grid { background-color: #ffffff; text-align: center;
|
||||
& > .coreshop-list-item { position: relative; display: flex; padding: 10px 0 15px; transition-duration: 0s; flex-direction: column;
|
||||
&:after { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 200%; height: 200%; border-right: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); border-radius: inherit; content: " "; transform: scale(.5); transform-origin: 0 0; pointer-events: none; }
|
||||
text { display: block; margin-top: 5px; color: #888; font-size: 13px; line-height: 20px; }
|
||||
[class*=cuIcon] { position: relative; display: block; margin-top: 10px; width: 100%; font-size: 24px; }
|
||||
.coreshop-tag { right: auto; left: 50%; margin-left: 10px; }
|
||||
}
|
||||
&.no-border { padding: 10px 5px;
|
||||
& > .coreshop-list-item { padding-top: 5px; padding-bottom: 10px;
|
||||
&:after { border: none; }
|
||||
}
|
||||
}
|
||||
}
|
||||
&.card-menu { overflow: hidden; margin-right: 15px; margin-left: 15px; border-radius: 10px; }
|
||||
}
|
||||
.coreshop-list.menu-avatar > .coreshop-list-item:after,
|
||||
.coreshop-list.menu > .coreshop-list-item:after { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 200%; height: 200%; border-bottom: 0.5px solid #ddd; border-radius: inherit; content: " "; transform: scale(.5); transform-origin: 0 0; pointer-events: none; }
|
||||
.coreshop-list.grid.col-3 > .coreshop-list-item:nth-child(3n):after,
|
||||
.coreshop-list.grid.col-4 > .coreshop-list-item:nth-child(4n):after,
|
||||
.coreshop-list.grid.col-5 > .coreshop-list-item:nth-child(5n):after { border-right-width: 0; }
|
||||
|
||||
|
||||
/*常用日志数据多列列表三联*/
|
||||
.coreshop-log-item { height: 71px; background-color: #fff; padding: 0 15px; border-bottom: 0.5px solid #eee;
|
||||
.item-left {
|
||||
.log-img { width: 25px; height: 25px; border-radius: 50%; margin-right: 12px; }
|
||||
.log-name { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
|
||||
.log-notice { font-size: 11px; font-weight: 500; }
|
||||
}
|
||||
.item-right {
|
||||
.log-num { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
|
||||
.log-date { font-size: 11px; font-weight: 400; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*占高区*/
|
||||
.coreshop-card-hight-box { height: 23px; }
|
||||
|
||||
/*底部高度区域*/
|
||||
.coreshop-foot-hight-view { width: 100%; height: calc((env(safe-area-inset-bottom) / 2) + 55px); }
|
||||
|
||||
|
||||
/*为您推荐头部效果*/
|
||||
.coreshop-recommended-title-view { position: relative; margin: 18px;
|
||||
.img-anc { position: relative; width: 18px; top: 2px; }
|
||||
}
|
||||
|
||||
|
||||
.coreshop-navbar-left-slot { display: flex; align-items: center; justify-content: space-between; opacity: 0.8; flex-direction: row; /*padding: 3px 7px; border: 1px solid; border-width: 0.5px; border-radius: 100px; border-color: #dcdcdc;*/ }
|
||||
/*支付界面效果*/
|
||||
.payment-wx {
|
||||
.coreshop-btn { background-color: #fff; line-height: 1.7; padding: 0; width: 367px; position: relative; display: flex; align-items: center; }
|
||||
}
|
||||
.payment-pop { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; height: 136px; background-color: #fff; text-align: center; box-shadow: 0 0 10px #ccc;
|
||||
.text { font-size: 12px; }
|
||||
}
|
||||
.payment-pop-c { padding: 25px 15px; font-size: 16px; color: #999;
|
||||
image { width: 30px; height: 30px; }
|
||||
}
|
||||
.payment-pop-b { position: absolute; bottom: 0; display: flex; width: 100%; justify-content: space-between;
|
||||
.coreshop-btn { flex: 1; justify-content: center; }
|
||||
.coreshop-btn-o { background-color: #ff7159; }
|
||||
}
|
||||
|
||||
|
||||
/*全屏下头部透明效果*/
|
||||
.coreshop-full-screen-nav-back { width: 100%; height: 44px; /* #ifndef MP-WEIXIN */ padding: 12px 12px 0; /* #endif */ /* #ifdef MP-WEIXIN */ padding: 26px 12px 0; /* #endif */ position: fixed; top: 10px; background-color: rgba(255, 255, 255, 0); z-index: 98;
|
||||
.back-btn { height: 32px; width: 32px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8); text-align: center;
|
||||
.icon { height: 20px; width: 20px; position: relative; top: 50%; left: 46%; transform: translate(-50%, -50%); }
|
||||
}
|
||||
}
|
||||
|
||||
/*全屏下顶部满屏占位幻灯片效果*/
|
||||
.coreshop-full-screen-banner-swiper-box { position: relative; width: 100%;
|
||||
.screen-swiper { min-height: 325px; }
|
||||
.tag { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0px 8px; font-family: Helvetica Neue, Helvetica, sans-serif; white-space: nowrap; position: absolute; bottom: 14px; right: 14px; font-size: 10px; padding: 0px 6px; height: 16px; }
|
||||
}
|
||||
|
||||
/*商品内限时秒杀区域效果*/
|
||||
.coreshop-limited-seckill-box { position: relative; background-image: url('/static/images/good/titlebg.png'); background-repeat: no-repeat; background-size: 100% 100%; padding: 12.5px 14px; color: #ffffff; width: 100%;
|
||||
.coreshop-cost-price-num { position: absolute; font-weight: 200; left: 100px; top: 11px; }
|
||||
.coreshop-cost-price-num.price-6 { left: 127px; }
|
||||
.coreshop-cost-price-num.price-5 { left: 114px; }
|
||||
.coreshop-cost-price-num.price-4 { left: 100px; }
|
||||
.coreshop-cost-price-num.price-3 { left: 82px; }
|
||||
.coreshop-cost-price-num.price-2 { left: 68px; }
|
||||
.coreshop-cost-price-num.price-1 { left: 50px; }
|
||||
.coreshop-time-right { position: absolute; right: 10px; top: 5px; }
|
||||
.coreshop-share-right { position: absolute; right: 14px; top: 8px; }
|
||||
}
|
||||
.coreshop-limited-seckill-box::after { content: ""; position: absolute; z-index: -1; background-color: inherit; width: 100%; height: 100%; left: 0; bottom: -10%; border-radius: 5px; opacity: 0.2; transform: scale(0.9, 0.9); }
|
||||
|
||||
/*通用空白区域*/
|
||||
.coreshop-common-view-box { position: relative; padding: 10px 10px; }
|
||||
|
||||
|
||||
/*商品标题区域效果*/
|
||||
.coreshop-good-title-view-box { position: relative;
|
||||
.title-view { display: inline-block; flex-direction: row; align-items: center;
|
||||
.brand-tag { width: 60px; float: left; height: 10px; font-size: 10px; font-weight: normal; }
|
||||
}
|
||||
.coreshop-title-tip-box { position: relative; padding: 5px 10px; width: 100%;
|
||||
.u-line-1 { padding-right: 14px; }
|
||||
.icon { position: absolute; right: 10px; top: 6px; }
|
||||
}
|
||||
}
|
||||
|
||||
/*商品页面底部浮层*/
|
||||
.coreshop-good-footer-fixed { display: flex; position: fixed; bottom: 0; margin-top: 60px; width: 100%; z-index: 1; border-top: solid 1px #f2f2f2; background-color: #ffffff;
|
||||
.tabbar { display: flex; position: relative; align-items: center; min-height: 50px; justify-content: space-between; padding-left: 10px; padding-right: 10px; height: calc(50px + env(safe-area-inset-bottom) / 2); padding-bottom: calc(env(safe-area-inset-bottom) / 2); width: 100%; flex-direction: row;
|
||||
.action { display: flex; align-items: center; height: 100%; justify-content: center; max-width: 100%; color: #333333; position: relative; text-align: center;
|
||||
.car-num { position: absolute; top: 5px; right: 7.5px; }
|
||||
}
|
||||
.btn-group { justify-content: space-around; flex-direction: row;
|
||||
button { margin: 0 5px; }
|
||||
}
|
||||
.btn-box { justify-content: space-around; width: 50%; padding: 5px; padding-left: 0px; }
|
||||
}
|
||||
}
|
||||
|
||||
/*商品页面商家面板展示*/
|
||||
.coreshop-goods-shop-info-view-box {
|
||||
.coreshop-shop-view { position: relative; width: 100%;
|
||||
.coreshop-avatar { position: absolute; height: 40px; width: 40px; }
|
||||
button { position: absolute; top: 11px; right: 0; width: 60px; }
|
||||
}
|
||||
.coreshop-border-view { position: relative; background: #efebeb; margin: 11px 0; height: 1px; width: 100%; }
|
||||
.live-tag-view { position: relative; width: 100%;
|
||||
.text-view { padding-right: 74px; display: flex;
|
||||
.location-tag { width: 50px; }
|
||||
}
|
||||
.go-map-box { position: absolute; right: 0; top: 2px; width: 70px; display: flex; }
|
||||
}
|
||||
.coreshop-good-shop-recommend-list-box {
|
||||
.recommend-scroll-box { position: relative; width: 100%;
|
||||
.recommend-scroll { position: relative; height: 180px; white-space: nowrap; width: 100%;
|
||||
.recommend-scroll-item { display: inline-block; padding-top: 14px; width: 100px; padding-right: 9px; white-space: initial;
|
||||
.coreshop-avatar { width: 140px; height: 140px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*商品页面底部弹出层效果*/
|
||||
.coreshop-bottom-popup-box { border-radius: 18px 18px 0 0;
|
||||
.cu-dialog { border-radius: 18px 18px 0 0; }
|
||||
.coreshop-title-bar { position: relative; width: 100%;
|
||||
.close-icon { position: absolute; right: 18px; }
|
||||
}
|
||||
.coreshop-modal-content { position: relative; width: 100%; overflow-y: auto; /*height: calc(100vh - 327.5px);*/ padding: 0 15px 15px; margin-bottom: 60px;
|
||||
.coreshop-common-view-box { position: relative; width: 100%; padding: 0; text-align: left; }
|
||||
.coreshop-common-view-box.service {
|
||||
.text-view { margin-bottom: 10px; }
|
||||
.text-list-view { position: relative; width: 100%; margin-bottom: 10px;
|
||||
.u-line-1 { padding-right: 10.5px; }
|
||||
}
|
||||
.text-list-view + .text-view { margin-top: 18px; }
|
||||
}
|
||||
.coreshop-common-view-box.promotion {
|
||||
.text-view { margin-bottom: 10px;
|
||||
.cu-tag { position: relative; top: -2px; }
|
||||
}
|
||||
.text-list-view { position: relative; width: 100%; margin-bottom: 10px;
|
||||
.u-line-1 { padding-right: 110px; }
|
||||
.go-map-box { position: absolute; right: 0; top: 1px; }
|
||||
}
|
||||
.text-list-view + .text-view { margin-top: 18px; }
|
||||
}
|
||||
.coreshop-common-view-box.select {
|
||||
.coreshop-list.menu-avatar > .coreshop-list-item {
|
||||
.content { width: calc(100% - 47.5px - 30px); }
|
||||
}
|
||||
.coreshop-select-btn-list-box { }
|
||||
}
|
||||
}
|
||||
}
|
||||
/*商品详情区域初始高度*/
|
||||
.coreshop-good-rich-text-view { min-height: 250px; }
|
||||
|
||||
|
||||
/*拼团*/
|
||||
.group-box { background: linear-gradient(#fff, #f5f5f5); border-radius: 10px; margin: 0 10px 10px 10px; min-height: 500px;
|
||||
.goods-item { border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 10px;
|
||||
.tag { position: absolute; left: 0; top: 5px; z-index: 2; line-height: 17.5px; background: linear-gradient(132deg, rgba(255, 153, 93, 1), rgba(255, 99, 97, 1)); border-radius: 0px 9px 9px 0px; padding: 0 5px; font-size: 12px; font-family: PingFang SC; font-weight: bold; color: rgba(255, 255, 255, 0.8); }
|
||||
.goods-right { width: 240px;
|
||||
.title { width: 240px; color: $u-main-color }
|
||||
.tip { width: 240px; }
|
||||
}
|
||||
.buy-btn { position: absolute; right: 0; bottom: -5px; width: 130px; height: 30px; background: linear-gradient(90deg, rgba(254, 131, 42, 1), rgba(255, 102, 0, 1)); box-shadow: 0px 3.5px 3px 0px rgba(255, 104, 4, 0.22); border-radius: 15px; font-size: 14px; font-family: PingFang SC; font-weight: 500; color: #fff; padding: 0; }
|
||||
.group-num { font-size: 10px; font-family: PingFang SC; font-weight: 500; color: rgba(153, 153, 153, 1); margin-left: 10px; }
|
||||
.sell-box { background: rgba(255, 224, 226, 0.3); border-radius: 8px; line-height: 16px; padding: 0 5px;
|
||||
.sell-num { font-size: 10px; font-family: PingFang SC; font-weight: 400; color: rgba(247, 151, 156, 1); }
|
||||
|
||||
.cuIcon-hotfill { font-size: 13px; color: #e1212b; margin-right: 4px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.group-boxComponents.group-box { min-height: 25px; }
|
||||
|
||||
.activity-goods-box { padding: 20px 10px; background: #fff;
|
||||
.img-box { margin-right: 10px; width: 100px; height: 100px; overflow: hidden; position: relative;
|
||||
.img { width: 100px; height: 100px; background-color: #ccc; }
|
||||
}
|
||||
.goods-right { width: 425px; min-height: 100px; position: relative;
|
||||
.title { font-size: 14px; line-height: 20px; }
|
||||
.tip { font-size: 11px; color: #a8700d; width: 250px; padding: 3px 0; }
|
||||
.current { font-size: 14px; font-weight: 500; color: rgba(225, 33, 43, 1); }
|
||||
.original { font-size: 11px; font-weight: 400; text-decoration: line-through; color: rgba(153, 153, 153, 1); margin-left: 7px; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*版权信息*/
|
||||
.coreshop-copyright { text-align: center; margin: 10px 0; width: 100%; overflow: hidden; line-height: 20px; }
|
||||
|
||||
/*
|
||||
按钮无边框样式*/
|
||||
.noButtonStyle { -webkit-appearance: none; overflow: visible; color: #606266; border-color: #c0c4cc; background-color: #ffffff; position: relative; border: 0; display: inline-flex; overflow: visible; line-height: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; z-index: 1; box-sizing: border-box; transition: all 0.15s; }
|
||||
.noButtonStyle::after { border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
|
||||
|
||||
|
||||
/*顶部自定义效果*/
|
||||
.coreshop-header-slot-wrap { display: flex; align-items: center; padding: 0 10px; margin-top: -5px;
|
||||
.coreshop-slot-btns { background: #111727; border: 1px solid #565b6f; padding: 4px 12px; border-radius: 250px; display: flex; align-items: center; z-index: 10075;
|
||||
.coreshop-slot-cut-off { margin: 0 10px; color: #fff; width: 0.5px; border-left: 1px solid #fff; background: #fff; height: 17.5px; }
|
||||
}
|
||||
.coreshop-header-title { padding: 1px 10px; }
|
||||
}
|
||||
|
||||
|
||||
/*接龙*/
|
||||
.solitaire-details-bg { min-height: 150px; background-image: url('/static/images/common/bg.png'); background-size: cover; background-position: center; border-radius: 0 0 40px 40px; background: #272d47; }
|
||||
.solitaire-details-placeholder-body { margin-top: -150px; padding: 2.5px; }
|
||||
.solitaire-details-body { min-height: 150px; border-radius: 15px; margin: 20px 10px 10px 10px; padding: 5px 10px 10px 10px;
|
||||
.solitaire-details-shareBox { background: #0fd7bd; padding: 2.5px 5px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; margin-right: -10px; margin-left: 10px; margin-top: 10px; width: 35px; height: 25px; }
|
||||
}
|
||||
.coreshop-content { color: $u-content-color; font-size: 14px; line-height: 1.8;
|
||||
p { color: $u-tips-color; }
|
||||
}
|
||||
.solitaire-details-product-item { background: #FFFFFF; border-radius: 4px; margin: 0 10px; margin-top: 10px; border-radius: 8px; padding: 10px 10px; background: #FFFFFF !important; }
|
||||
|
||||
|
||||
|
||||
|
||||
.contact-btn { margin: 0 auto; }
|
||||
@@ -1,42 +0,0 @@
|
||||
// 此文件为主题变量,这些变量目前只能通过uni.scss引入才有效,另外由于
|
||||
// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中,造成微信程序包太大,
|
||||
// 故uni.scss只建议放scss变量名相关样式,其他的样式可以通过main.js或者App.vue引入
|
||||
|
||||
//通用顶部状态栏加导航颜色
|
||||
$core-common-navbar-background-color: #e54d42;
|
||||
|
||||
|
||||
$core-main-color: #303133;
|
||||
$core-content-color: #606266;
|
||||
$core-tips-color: #909399;
|
||||
$core-light-color: #c0c4cc;
|
||||
$core-border-color: #e4e7ed;
|
||||
$core-bg-color: #f3f4f6;
|
||||
|
||||
$core-type-primary: #2979ff;
|
||||
$core-type-primary-light: #ecf5ff;
|
||||
$core-type-primary-disabled: #a0cfff;
|
||||
$core-type-primary-dark: #2b85e4;
|
||||
|
||||
$core-type-warning: #ff9900;
|
||||
$core-type-warning-disabled: #fcbd71;
|
||||
$core-type-warning-dark: #f29100;
|
||||
$core-type-warning-light: #fdf6ec;
|
||||
|
||||
$core-type-success: #19be6b;
|
||||
$core-type-success-disabled: #71d5a1;
|
||||
$core-type-success-dark: #18b566;
|
||||
$core-type-success-light: #dbf1e1;
|
||||
|
||||
$core-type-error: #fa3534;
|
||||
$core-type-error-disabled: #fab6b6;
|
||||
$core-type-error-dark: #dd6161;
|
||||
$core-type-error-light: #fef0f0;
|
||||
|
||||
$core-type-info: #909399;
|
||||
$core-type-info-disabled: #c8c9cc;
|
||||
$core-type-info-dark: #82848a;
|
||||
$core-type-info-light: #f4f4f5;
|
||||
|
||||
$core-form-item-height: 35px;
|
||||
$core-form-item-border-color: #dcdfe6;
|
||||
@@ -1,2 +0,0 @@
|
||||
/* H5的时候,隐藏滚动条 */
|
||||
::-webkit-scrollbar { display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; }
|
||||
@@ -1,42 +0,0 @@
|
||||
/* start--微信小程序编译后页面有组件名的元素,特别处理--start */
|
||||
/* #ifdef MP-WEIXIN || MP-QQ */
|
||||
u-td, u-th { flex: 1; align-self: stretch; }
|
||||
|
||||
.u-td { height: 100%; }
|
||||
|
||||
u-icon { display: inline-flex; align-items: center; }
|
||||
|
||||
// 各家小程序宫格组件外层设置为100%,避免受到父元素display: flex;的影响
|
||||
u-grid { width: 100%; flex: 0 0 100%; }
|
||||
|
||||
// 避免小程序线条组件因为父组件display: flex;而失效
|
||||
u-line { flex: 1; }
|
||||
|
||||
u-switch { display: inline-flex; align-items: center; }
|
||||
|
||||
u-dropdown { flex: 1; }
|
||||
/* #endif */
|
||||
/* end-微信小程序编译后页面有组件名的元素,特别处理--end */
|
||||
|
||||
|
||||
/* #ifdef MP-QQ || MP-TOUTIAO */
|
||||
// 需要做这一切额外的兼容,都是因为TX的无能
|
||||
u-icon { line-height: 0; }
|
||||
/* #endif */
|
||||
|
||||
/* start--头条小程序编译后页面有组件名的元素,特别处理--start */
|
||||
// 由于头条小程序不支持直接组件名形式写样式,目前只能在写组件的时候给组件加上对应的类名
|
||||
/* #ifdef MP-TOUTIAO */
|
||||
.u-td, .u-th, .u-tr { flex: 1; align-self: stretch; }
|
||||
|
||||
.u-row, .u-col { flex: 1; align-self: stretch; }
|
||||
|
||||
// 避免小程序线条组件因为父组件display: flex;而失效
|
||||
.u-line { flex: 1; }
|
||||
|
||||
.u-dropdown { flex: 1; }
|
||||
/* #endif */
|
||||
/* end-头条小程序编译后页面有组件名的元素,特别处理--end */
|
||||
|
||||
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
.nvue { font-size: 12px; }
|
||||
@@ -1,64 +0,0 @@
|
||||
page { color: $core-main-color; font-size: 14px; }
|
||||
|
||||
/* start--去除webkit的默认样式--start */
|
||||
.u-fix-ios-appearance { -webkit-appearance: none; }
|
||||
/* end--去除webkit的默认样式--end */
|
||||
|
||||
/* start--icon图标外层套一个view,让其达到更好的垂直居中的效果--start */
|
||||
.u-icon-wrap { display: flex; align-items: center; }
|
||||
/* end-icon图标外层套一个view,让其达到更好的垂直居中的效果--end */
|
||||
|
||||
/* start--iPhoneX底部安全区定义--start */
|
||||
.safe-area-inset-bottom { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
|
||||
/* end-iPhoneX底部安全区定义--end */
|
||||
|
||||
/* start--各种hover点击反馈相关的类名-start */
|
||||
.u-hover-class { opacity: 0.6; }
|
||||
.u-cell-hover { background-color: #f7f8f9 !important; }
|
||||
/* end--各种hover点击反馈相关的类名--end */ /* start--文本行数限制--start */
|
||||
.u-line-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
|
||||
.u-line-2 { -webkit-line-clamp: 2; }
|
||||
|
||||
.u-line-3 { -webkit-line-clamp: 3; }
|
||||
|
||||
.u-line-4 { -webkit-line-clamp: 4; }
|
||||
|
||||
.u-line-5 { -webkit-line-clamp: 5; }
|
||||
/*// 弹性伸缩盒 -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式*/ .u-line-2, .u-line-3, .u-line-4, .u-line-5 { overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; }
|
||||
/* end--文本行数限制--end */ /* start--Retina 屏幕下的 1px 边框--start */
|
||||
.u-border,
|
||||
.u-border-bottom,
|
||||
.u-border-left,
|
||||
.u-border-right,
|
||||
.u-border-top,
|
||||
.u-border-top-bottom { position: relative }
|
||||
/*// 多加0.1%,能解决有时候边框缺失的问题*/ .u-border-bottom:after,
|
||||
.u-border-left:after,
|
||||
.u-border-right:after,
|
||||
.u-border-top-bottom:after,
|
||||
.u-border-top:after,
|
||||
.u-border:after { /* #ifndef APP-NVUE */ content: ' '; /* #endif */ position: absolute; left: 0; top: 0; pointer-events: none; box-sizing: border-box; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 199.8%; height: 199.7%; transform: scale(0.5, 0.5); border: 0 solid $u-border-color; z-index: 2; }
|
||||
.u-border-top:after { border-top-width: 1px }
|
||||
|
||||
.u-border-left:after { border-left-width: 1px }
|
||||
|
||||
.u-border-right:after { border-right-width: 1px }
|
||||
|
||||
.u-border-bottom:after { border-bottom-width: 1px }
|
||||
|
||||
.u-border-top-bottom:after { border-width: 1px 0 }
|
||||
|
||||
.u-border:after { border-width: 1px }
|
||||
/* end--Retina 屏幕下的 1px 边框--end */ /* start--clearfix--start */
|
||||
.u-clearfix:after,
|
||||
.clearfix:after { /* #ifndef APP-NVUE */ content: ''; /* #endif */ display: table; clear: both }
|
||||
/* end--clearfix--end */ /* start--高斯模糊tabbar底部处理--start */
|
||||
.u-blur-effect-inset { width: 750rpx; height: var(--window-bottom); background-color: #FFFFFF; }
|
||||
/* end--高斯模糊tabbar底部处理--end */ /* start--提升H5端uni.toast()的层级,避免被uView的modal等遮盖--start */ /* #ifdef H5 */
|
||||
uni-toast { z-index: 10090; }
|
||||
uni-toast .uni-toast { z-index: 10090; }
|
||||
/* #endif */ /* end--提升H5端uni.toast()的层级,避免被uView的modal等遮盖--end */ /* start--去除button的所有默认样式--start */
|
||||
.u-reset-button { padding: 0; font-size: inherit; line-height: inherit; background-color: transparent; color: inherit; }
|
||||
|
||||
.u-reset-button::after { border: none; }
|
||||
/* end--去除button的所有默认样式--end */
|
||||