App.vue 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923
  1. <script>
  2. /**
  3. * vuex管理登陆状态,具体可以参考官方登陆模板示例
  4. */
  5. import {
  6. mapMutations
  7. } from 'vuex';
  8. import * as config from '@/config'
  9. import appUpdate from 'common/appUpdate.js'
  10. import app_push from './components/APPPush/app_push.js'
  11. export default {
  12. methods: {
  13. ...mapMutations(['login']),
  14. nvueRequst: function(method, url, data, header) {
  15. var contentheader = 'application/json'
  16. if (header) {
  17. contentheader = header
  18. }
  19. // let baseUrl = config.def().baseUrl
  20. let baseUrl = config.def().baseUrlNew
  21. // 如果data为空
  22. // if (!data) var data = []
  23. // var arr = []
  24. // arr.push(data)
  25. // 接口需要验证的可以将json转成数组添加值再调用
  26. // 不需要的可以直接data:data
  27. console.log("method, url, data, header", method, baseUrl, url, data, header)
  28. return new Promise((resolve, reject) => {
  29. uni.request({
  30. method: method,
  31. url: baseUrl + url,
  32. // data: arr[0],
  33. data: data,
  34. header: {
  35. 'content-type': contentheader //'application/x-www-form-urlencoded; charset=UTF-8',
  36. },
  37. success: function(result) {
  38. // resolve调用后,即可传递到调用方使用then或者async+await同步方式进行处理逻辑
  39. resolve(result)
  40. },
  41. fail: function(e) {
  42. console.log('error in...', e)
  43. uni.showToast({
  44. title: e
  45. })
  46. // reject调用后,即可传递到调用方使用catch或者async+await同步方式进行处理逻辑
  47. reject(e)
  48. },
  49. })
  50. })
  51. },
  52. getDistance: function(lat1, lng1, lat2, lng2) {
  53. function Rad(d) {
  54. return d * Math.PI / 180.0;
  55. }
  56. if (!lat1 || !lng1) {
  57. return '';
  58. }
  59. // lat1用户的纬度
  60. // lng1用户的经度
  61. // lat2商家的纬度
  62. // lng2商家的经度
  63. let radLat1 = Rad(lat1);
  64. let radLat2 = Rad(lat2);
  65. let a = radLat1 - radLat2;
  66. let b = Rad(lng1) - Rad(lng2);
  67. let s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) *
  68. Math.pow(
  69. Math.sin(b / 2), 2)));
  70. s = s * 6378.137;
  71. s = Math.round(s * 10000) / 10000;
  72. s = '(距您' + s.toFixed(2) + '公里)' //保留两位小数
  73. return s
  74. },
  75. //获取当前按钮权限
  76. getRoles: function(role) {
  77. let _haveRoles = false;
  78. let _roles = uni.getStorageSync('rolesList')
  79. for (let i = 0; i < _roles.length; i++) {
  80. if (_roles[i] == role) {
  81. _haveRoles = true
  82. }
  83. }
  84. return _haveRoles
  85. }
  86. },
  87. onLaunch: function() {
  88. // #ifdef APP-PLUS
  89. let type = uni.getSystemInfoSync().platform
  90. console.log(type)
  91. if (type == "android") {
  92. appUpdate()
  93. }
  94. var that = this
  95. plus.push.getClientInfoAsync((info) => {
  96. var name = 'clientId'
  97. var value = info.clientid
  98. that.$store.commit('$uStore', {
  99. name,
  100. value
  101. });
  102. uni.setStorageSync("clientId", info.clientid)
  103. console.log("info.clientid", info.clientid)
  104. }, err => {});
  105. // 监听在线消息事件
  106. plus.push.addEventListener("receive", function(msg) {
  107. var title = msg.content.split(':')[0]
  108. var content = msg.content.split(':')[1]
  109. let params = {
  110. inApp: true, // app内横幅提醒
  111. voice: true, // 声音提醒
  112. vibration: true, // 振动提醒
  113. messageType: "",
  114. messageTitle: title,
  115. messageContent: content,
  116. messageImage: 'https://taohaoliang.oss-cn-beijing.aliyuncs.com/app/logo.png'
  117. }
  118. console.log("msg", msg)
  119. new app_push({
  120. ...params
  121. }).show();
  122. var userInfo = uni.getStorageSync("userInfo")
  123. var that = this
  124. this.$api.doRequest('get', '/newNoticeTask/query/noticeTasks').then(res => {
  125. if (res.data.data) {
  126. let name = 'myTip';
  127. let value = res.data.data.total;
  128. that.$store.commit('$uStore', {
  129. name,
  130. value
  131. });
  132. if (value != 0 && value) {
  133. uni.setTabBarBadge({
  134. index: 4,
  135. text: value + ""
  136. })
  137. }
  138. name = 'taskTip';
  139. value = res.data.data.total;
  140. that.$store.commit('$uStore', {
  141. name,
  142. value
  143. });
  144. // name = 'contractTip';
  145. // value = res.data.data.contractTip;
  146. // that.$store.commit('$uStore', {
  147. // name,
  148. // value
  149. // });
  150. }
  151. })
  152. //其它逻辑
  153. }, false);
  154. //监听系统通知栏消息点击事件
  155. plus.push.addEventListener('click', function(msg) {
  156. //处理点击消息的业务逻辑代码
  157. if (msg.content && msg.content.contains("任务")) {
  158. uni.navigateTo({
  159. url: '/pages/task/my_task'
  160. })
  161. } else if (msg.content && (msg.content.contains("合同") || msg.content.contains("交易"))) {
  162. uni.navigateTo({
  163. url: '/pageB/contract/contract'
  164. })
  165. }
  166. }, false);
  167. // #endif
  168. this.$socket.initWebIM(this.$ws, true, true)
  169. let userInfo = uni.getStorageSync('userInfo') || '';
  170. if (userInfo.id) {
  171. //更新登陆状态
  172. uni.getStorage({
  173. key: 'userInfo',
  174. success: (res) => {
  175. this.login(res.data);
  176. }
  177. });
  178. }
  179. },
  180. onShow: function() {
  181. console.log('App Show')
  182. },
  183. onHide: function() {
  184. console.log('App Hide')
  185. },
  186. }
  187. </script>
  188. <style lang='scss'>
  189. @import 'static/css/common.css';
  190. /* @import "static/css/font.css"; */
  191. @import "static/iconfont/iconfont.css";
  192. @import "components/colorui/main.css";
  193. @import "components/colorui/icon.css";
  194. @import "components/uview-ui/index.scss";
  195. @font-face {
  196. font-family: "yticon";
  197. src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAACkIAAsAAAAASWwAACi2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCMFArzeNtYATYCJAOCIAuBEgAEIAWEVQeGfxvxO2WGmMcBUFN3RUS1qImiTipKUvb/XxPkGDGYepPntSpIThtX8KRd2ckdhNM2yUHFS5wre+SJI814aaZX+ggECd2MOV3SmVMS5GZaI78YAYLgupRjWzhQsMwvbXUt/7pXatmrDqVMCHC/323viygmHskNQkk3+IGf2/+5sWBRjMFGLRCG0mNEjjEGgsCoITVGDgEFrGE8mA1YKAYzUfyCE79gFAb284GKlaC+50sUKyEgTv1MDnE42FqxOKdAz6fQGkpbIAFgNTVnXwfS4cUCWZ9CqO22dZufD/zfVNOuZvc1TcPCb5fJW1qZ6urDSyAJFUIhAfulg7kFdauYS8JPMG/w6nXr/aGY2373dfSVNlgQDJaVUAXFkKyCCo457zutrMKBlLQLltw0u5ykdAidOcSZNRQOWl7k/Ni/8q9kStoOmDP0dgsDhUUYMPwf+v2v7QfxaplIyCZZnxxC0ZKWulsDh9Bs5g74/x4DM+dgoenNJQJ4eLvxASb+jM8ku/0lLYijVhrlMba2DiMJOGPs/1TVFVQzvaU2xI9pdVhaXZYs2/1T4/FICUfK5Ug1UHo2Ifg5ONIFcKl9y1Tq2/MeTiUm6AZKKSTTqJTat0zJmGHLNGbdPAf+ncjKSx2igvSnSW2Hk+MGufS/iWq3m5dmYSgRmSPiKBFK6r1/PiMAKpx4QCqfa3VkOOcsAMKCxl3kSA9nNAG5I1KqMSA7CXLYGA4Afsj34Q95kAFEhAicy+9RdUDxgu/Gmcplowb78kbgVAMywB4gB+KTOoWzyF/2YChv74mDuiPgihDO7uXikZRR1hEvWTqtcnPM02C51fY4HryJUeNkqNW1c3ztl0KuFM5Y0j7emYMgJjet8mx2v8RDCZ+YhAtX3nw4CcMjxRZMIIQvFI2NcFEcxCJBuAsgJGdlAg90RJ5wBG5UmFhCcShglEQYrDkaL4hMID8UXmxRObMXLUKkGGrj2OHyByEFsK0ByAbW+gkEBCUgAmMgCitADFaBOKwBCbABJMIhkARHQDIsAK3gDkiBAZAKW0AatIF0uAYyYAJkwg2QBcdANkQgB2pAa+gDuXAPtIFnIA9mQNu2b8IOQBHIhwAUwDbQHi6ADrAEdIRzoBOUgc6wCxTCHlAEdaAYCkAJ7ANdIAd0hTzQEzaBXvAG9IYm0AdaQF+4BfpBByiDJ2AAZMAweAGGwzIwBhpANXSB8TAHJsMOMB2ugNqCuCgHcAmcU5Ap5gGoABsKbYvlAIbA1VAF7oFF4HGYggTwChIRHkCiwiNIHHgHSQAfIKlgHaRrMAJ/36EH/jfuOAPAF775FRKATgHDhxORVWYuFGDQtakLha9XKQKWsmLgGBFMMyatuClICVWIeTHuAmNhvyuluSkggub8saRc7OMSMcNMQRP2ZiTrfoZSnAPfjF3vaws/5F2NNQ6XaetFDaNkvBQhV7LeZgw11UCyOjVR7aCqZVmDLFljI1kO65oF1nfsEyVqqGM6iq5TCtkACrCG0LBcfDFkq1lXjc6BDAen/6vhwFqMmYppOmqPbcl0t8qy/nJiBfj/Zwfb3PY6LbBWr9V+Z3I1jfE40yLOpdtdp800EUmGIyua9qdhS4pmG2hsKhWCc4wm2S6EvYSS9L6FAnaZx4weAmaC+1gMAU3BXPQ0Ia7ffd1m5DGZv3Le1VbFvywQZLGeIDSgHzSHo6P6IDJ7RvpkVag8QqEcetJgJ8JVe6c24PjPmbZhQajZnuWLsmqFzMEKpEznCAlkdp2bNgAomw8wP5QxDOSCw6XyYIHXIOTD1fhm/JGLZtA7hLfRfSGtH6DbzaM6sP5FGQsAdz7PloKlrwAEILqOZUtIQAJ0nMpCS/4HvusMpszlj9HUkNZtE69yPaZk7TGzJwGL84Rc3UppLArQwROFxgLpyQ8BwEjR3JBV1mPRCkm4+Q7mV767d02yvSebp13jjc2Duwe6+7ASHt4zuHWE7O4ZHXyHbQOn83b1fXUOnikeeYKqJm3wCo3bhTssCkVoMrf8wOb2IM/nkS/9URkt/dniqMrHNfUninZMVtpFc3/hB+SCPOp4pHNGAF9kYvyJa+uMRPrpbzi1/j0mL7n8vroH5pFxSPcV3WuJifOriTm13juzcblzLXR/ZEBN6zD6czQLqRfv9Ua15EOx36CfRdBrcvqR4IG4Od+viwoTpFdl850bvwfp9Hc+7l6IHGo7ea/DRwmNl0L/A9drNzVXoUjoD9j1WPiRh8YjLEOW4yjwL4FS94Vqgw/dP7z3bKk1QIQQwGYTHzy33/3j6GMvz4FnAAqAKmJuEElvD9+VMEemZHeIVVwKk7GKuThWwcWy+36XB1GnjQY3P8sMbX9iGtj4NF1N8qZ4nnmchmDQiNCwGeC+q79uTiUbNeU9OM6W3XfFfiojYFiUCaRzjGzVpKp6NqppNoGabXh0TJ9MHf1WWI0UbfdSjjC6Xn+38PQbH8ND48g80PcV71e1sx/If7H85+Jv3NvXaRG7dL4ZZL2gJ6U/vfRp+krJpb7Qv94cBPF07s+lhwdwUelz5V7pLFBlY2XS2QqjRLWMnokVlR97orefpDGedYOxqt2TNCOdqcwZIYTjliDa3NKw2TO8x1WjfdGbTklxq1H6AuzVCpRr4E5AteEIR68zBezetGzdyu7cMHevv1UrlVkqzatWR1rWbPGSRe6K8iwX2VIoS7UkTbXYBURZ4aKs2csvHXsecr2A2rS95OFJmE4OffGJMINDQEkzdPtZGdy8T3OTtvQGLEBfQAQGervfO1zanPv6AaquxPqBLpA+/LodzQ8HiR43hsLU6C0PODFNRwc7PTPRkG1LL9kGOWlR8Xk2QsRXbqOO7uLS4dSvHpVKXYG39PtaVCRqf1ZL4eb0r6V0vJq4NtC5en1QSbo43QbgUQ2znq4BgWMrJDjfawU3CzFBoeE4MyqDH4oSFf1Ki4Lli/F37u0Q2yMXCgOxRr1NkEKRCMfZFwgCr/V1Pd2sAyToiHmaRMyC3Ecy77mzv3m3mnnoj7gIZdjXrHuK485jCBlpMUqA3bPDC4R4gnmbFxR+Ty09nG0jsP0UgiGqWadAa/sDXWYPnX+qBfRkgUn0vrdcwn0nzRO8u01Ui2ROZrubkmZLBbjUrE/ML++V4o57l+c55q7jw+0ffGKcy8Sql/7ab17Rmcj80APG5FsuTOt2hHJ7/v7HDWB3ogBzwZiwwp04LF4Gtu5pm1fwKndFfqMB+xyxKdIFqkI6aYF+GIZj0nPd3vs2/cC3cu4U5ge/Qn0qrL9b8EiNw/3p3FXsM8fX0o9mQ6WJhFFe/61hRZN6xvLinLY0N7OgzMxX+3U3WeurTmBZo9Kn79ND0F+hU7q4l3LrTF8nQsB46FYMrqBCMY+sPTO1137vanHT5x40q5GudcDKcnzySr9BluOkrqA63Rfi48bY1ydWK5gdvKSwZIR/wDwC/aujh0+uVa304bofr1L7N1LNi8yp1swcBX94DD1kuf09WbvLwpiMTpQTV4elOKU1pEnbxxeWplfnh83z+rnJVMQF4+Ly5QuS+toOnkgmgj1p+YBnL0FQZu6YisJR+f+z3UK2pOf08+ZF4wIE6NuYH9rObH2+UBolJxRuSh1f/JkiA2ad/QZksSirRkpgeDja3+mNaWR/7SUTq0dFp/OerAXvipHk3VMqmYke03SzJ9PU6IXan9BBp7k3pqhH5d6iMimw2xV/68YTjV97voyxPbQJsAmyBxW61+f+vkD6AUKGB8wYmzLAuj3LsDTKJy3DNvEE19lzFnG9OpIpSXYPWCmkIoO/dEqI9V0nEiOD3I9F7mKEOdaZCJPxeLYGK7lhnExlXo4MQkFn1AIA0rI7JERSCJ0UNMyJh2yT6+JfkZmNPcYaQ8oXWPP2MaZ8scKXM/4nQ+tNSSRMQecImRgjyZZ65gTHwnchtHNQc841RJxM5MR9P+PNoklTsAhCCjE4dG4+5q5vjBJXlO9DJ3V6gfy5NYvGOl5dYXpi6h/rPKXq0Um1PlkZ8pPNYXl2LKt9zfzhYvKmua/7Rm4hppNLV9+y9G+9HVxe8M9V968431wMzLHl6CLoNy60lkL6d9m/WtdUa2tM0zpmTVGCDVFW3MstVVNVWVZkTZndOpdsV0m4xv5Y2F9GEBiva1IPGIdwdzwW8kYpRrlNX5flswVGLQIgzUoMelBG2cC2TbzI9fbw6sAaqhtE5OwewnzCxSCaU62ojpVptfu8CBNl5iYTSSLZkWSxC7J0Mk0t6SEFSz+xJUvZgeTDE9NWCEfsgAtFHXMVTPDBhC1J6fGUWBawAdfYNOI6I7jTkbHdqRPH0Zg4frIafkJmJC7W9AhyQhULkSlJYaI4KTwhkiwdWCb0RDrVMLwxZVK4KMb7IvPFkxDtjR2bZlyQgOuBZ2s7kW1p6tj49PG8jDo1MT4+SaZRvA3MIoFeHSXeVkNI50YXouI0226R8AIAlgWhMYVVRvd3yXH6M8tMx8f4xojoXG5AQ0swr9Sw282DZ3FiliHsNXFwvkZXkNOWgHFxTIp2LATXbMPKbNalzjX2tu0F0017WGdGGoorKlbjRFZXYTD4h+M7mIkNf1t0d3YenIZkKIaJ9jq73wt3SVSae0eimY7tKJW+jRtptHfLatpQsFEbfVo0rLRFIaT+uJw14lNfXU0CM5qaN78kcJ3B8Wk4WnBIjPpFTevt4aqp8oLrrLyFxg0cAkKAbKxoNjYZs0XxDa61bzPAKNpAxGW41+hz4gaML4Cio3uB5T356JHqIUQ8Ugi39+8S9OQpZCa1A36ASW0etn6m68HDUHPhB1EYZQfNV6eRtjvGqGZvDct8YUNOW6qXssQR2R9Xre3BcG5gxdFrMuv2/Hw7Y1rSVNxElLOuRVMKR2bU47JNIquWePk7TJS9AbL7I4sYwjbNJp5RtwnXU7h07fu2pJ2Fd37If6kiM+zqIwwra5q39vRmjfSx9ZFPLtC/CWGimcoXP/OZSs0z80tVdy9NKFfqCxCgyGhBrXPYkNVwv6ZAX28iAUfcLczfMjKWzZ1kQ+/G23Q33TS2enuLV0f/pxm4jniX3B3pXoZDyrC5XAnpJlELpwwdntfNmcDFNR707iXjnF939P+lVwtY/YXKiWpf5blVg/VVj/H+mSEjYJ2ajF6mxxZJtL1hgK0DaxtqMfxu3MXnc0XwjZGJXHaWDxgFvb6weeR6XsZAZWj4DAlt+77qb72HqfAi2n9/Vl1WFn67oGkzy8/8Q3v5H52/4NOytqzJP1hYHO14IiiUsKfD8HX73laXQUgBQMBgA0ycNs6neZNiUtOEeK4OKakhM90DyM0eMjEPmqjegAZTgpA8DqYltTFvUmMmoICa9tuYOwZ34WCNTW526i1H645bow0XS83evUjgRStRJ5xAP1lmTAir6yYLXeN5sfVXvIws9THngck2GfhCxA9+hixhLBnEcolPEhHPZRIiROznQ8t6rtXHJuuNVm1c89uU4yGbK6MjjYmRsebolAImaA+2LLNwJ7OPTx5T6KV3P5FD7bpCkz3Wi7m4E3OqV9dDxrYPM0quFo0CSrMrNrRVqBuOXn8H0XTbQdO7Z2m6BU/q8YpZQfsjf5A4DzAyE91XTBgHUHLS8uxonhdcRqjl6S9e/YuSWRuWUG13xYxVfe4VVI1el6SAytsVAahA5uBZHiyqOuj3wmuJH8hzJYPNADqb/oediEAQ3/D7FcDYH2Syx+/U2B9c5VotrPOSkiLapN0RdtIDfWx7Nl3Vbq9sw9v8KO0R9Og0oVCqKs14xj8xAgu2s/X8/7HOsEhuRTYPofAXyhPuE0qAIsHA+S40xGVYxiD8zjFAAxKHSHBJoDyxeUxJiHwZiEygPLb5cHk1xMhGjLVINjvQ3CYbidh4EnId2tmJZqa+s6MOEyq00eX4nZ0gi+JUSuI5LD2ZzS/no+8pufICd1aNXJXWqcttJerOqnVvazZFM067FIrECt6kdeMH1d/cv02B/MHiOV/dv8YN/DN+6pkjDoq1mj1Ri2oJMbAkJSg20a3JAz68aRCI+Y22tq38Vju+mS8WtKIoLNpHR2iMXgYNsUdoaXSwBzqxl0iMNBoiKO6/Pmc6W4DXuRkqPns9yhodZiLlS/IyK1adAbi+qjwzb+ZAbocOyeoT7gUl7BWOjFoI62N1umVHYhJFScn0jpE1ST5C8O+mA72/IoLgShEIV6rdsqJjxRr5rTzpNZ00yy02OkbtliPNuybVUS8UpQScK5EdkOIpzQUDyi3CW4eHHj2ER4+eDbOGhh4/Yj16PF0g/M1JfA/j+W+YUPOP7wGdrn1y8JHFd+M64n2Sl0EivurvU/sxEGjDueqn96OwhcOp//Rw6zJOQnnrxjCh005T21YWoXmVb7j6AhkfftduxfYX+Yv9OXf4go/CRhh3+FZsueUi58AaYWCgr58op0l8M6b96tVMilgupmSukkR+Mb5w33qC2q2wqwhIpJJDhsn9LiokJxtU0nNyVMinkpNtV3LQUNYvSYRYIxBrtsP5KrIVR212C7dw2VSaVpqK+JaLzRi7fAtmimHwjoBvTYjHDOx+eMZdnqk0NzVf6eCiEI5z8MsvzC018e5qw7AHHtOpU+esZB+hjdm9ph5dwfoq6avIrQy/ovbZl2/beis4VgjAYOOID4sOILp/Ul8ss9Xt89HiV6RllMKiBSQwkQqKFLNScEVSmY1TQdlf0ZdLy5TzmeSiDarsxPrV84IVSSm4jlHfnJit2lBEZq7wKy37VflXWYGTDci7b6AOiINCoijSTqpZNCfKwTUeKSpC4rG1s+ielHaKJ13CcLT6o0sTjxQXIQnotfYAH5UKxUbQRxjEUH/iBekEI81IKCTO1iRpZtOMxLljNHEOqmqP7Gd3sTajljdqa9Q6IxltR3m12ozi7p92qcSW0PB2k/BISWDDvHrxLxu+E3R521L89xwt7B8f2It92fGduuyXe6sPm1h+CjzpeTCBH/hAg5yWogGcxcIzPHAAaA047VZrAdqHebj3ANAavOsOJ56rGMvzvnwPs033KZTFZN70l3+OcNCsnBZVF7YAPQKrn6T9+29aCbK0Ga10dMvSyRK2NHWKUgL1fq1bm2QJU2GaI1r5D1RrUZzBv3Y8w2cOAK3B58hD4eraate6dEUjX8xvnT6dxmnlS5wgeOdc4gTuEa+0cQsvC5cNZzCcX1pL/Wrf1w9QkqhLmbgNPjxjTr8yVkNkgtMwtp0iC3CnRAj8/DAWyfk3Wj4WSl+FbRm8sRUDlYZtufgaC42W/4tI4pagPT3oEuqsl6LYUEeONmr2np6FpmdpaU5OI/aMLBDxpdtMpZq7sQ18NB7E1M8L5efuWmdv7q/n9259buM279svwqnzv61pz7fu/S3Fm+t8pZh2iph6p0o64mDu6nglvpFTfr/8Xs7NjS5jMTtIR+5UpYLfUGLSk6REzwZ7tjtJq2pwYMtIexhshqIPcQbGaydDwUBgaQw9eyC7Pg/u/jyn8O8DP6XAdt6/vxODQDOD7VTgp/7wfQoHOfRfpMjaLrbJAmX243t6JLJSmR9svH10QRjar/CxSC0+WC8aVWCQYiAvVEvkioXiT58z2Bm1JaySlU8cSAiwGpDBFC/6aB7twx8IAAKGA5csuuZXG4OtuXB2HdaCGcPWfPo714I1l4n2Nyxr5Yvs98xBZ7dtq0Un8rPQ2aiRz0Fr4fwQcGMkMlLsL76EM1ry5s3SAdYopQtH3zEI7i4HZNPAKexjx/oY/nJAInICcYKbTfQ8wISomuBKsn/RQyT4FMeLDlAq7INO4J9f/Li+4Z8/UQ96BU5xerxQOesRM9+agY6f+kAQLURsWS6TaNju24+3Y8RdhDu3sR1Y2/27tvdNduE54SRNtd1enhdBkaPg8Xk2e22NiJ5ELCUYCnHQY8QyUmm+JQqJclaKI9GoI/uqgWvDcd7A8xq3wZlL5IAQo+3Gh4bw3YYKLhl86Cne4SfWp0+RdUwX5rwoPWvUhjHETHeOYbZVj1rTrSF0NJulZpYIrySmOMmzBFVnYv5x/We6rjsRKfzP9b+Y865zuSqnPKce8Uh55HB01uRDzcQM2JYZmVTui049REB3K2vw8DklkVW+UYSF0liJLHp+Asj0NsA0DC0sf5WVxUHG1vzN+boRt6OvUlM4vhmT0k+iNaRfW5auWzibvnJFk5nVGND3GOv642UXvg9/+TtnYftevtS6sIb4tuh/mhbsag9k0gdDJkM0HvXtHwStmBw2tqPqrxDs5WWB2j66a3JdPCJyT3G3p9WgoXqLnfC6TEbpUcvL5jDgIEllNPbSUk2tixc/4TKZIHwRwlU8zat6qkEQzKhXVxF+FtFd/p1PiEcQkc8P26p4Tabb9JO5VUP5CeLjZTnT3qVNTeoT0mWoOqJ5ePJx2G2KjURkFMVgcmU0lltl2JM31tpajcvwLY5urDUWzy6ubYyGMX5oPTlr4EdUwSm2UKGNLhKoO6FW89l+CPnrbMQPTDBzUn5CVdlAEiqJqGLS4+OeQhnPdfGhCbixDl+DbJSjxaHJIbIQNvEY/v7Bj+LHSjuGCYKTjuFHO6ktXrrWNPGWggcJ+/11jsV70wiF1UQP+DVI7uOh679o3F1Fv8fAhAGP/iPgBzQBj6o/l3Vhf17BNmo1q2N9jhyYanDdh738Dd+It768sm993yZjLDIrZnzKAkjEFlzZtxGV9ts+EKjygJ3MJlPrH+ifmRkd2HDYnz1bO6gN0Q6uXcQ/agV5alWl55g8StM94cSxJrtRn1G7Jj5+b2DJ1yO7sUlnnabFHF537sxL9ocvat39qQuRBwQhC78KM0vPZUVzF7MdmiZO9LuTLS58gAvZNA//woR75+pA+MVu2HfYByXtYOj7ft6jvqO2VZ1G2PImQgFzEYX6jWVggyJMRo1uad6HRKqRuRCheAaBI2SiyfKmADFO0zuGrnmzt5pInkt+Xb2l+jUZOiTMZ7z8LuNMZBH6/xasmqko63TKrZBflDoyB1chqKGlSa7lqFzMuQs7dCmRc8jl0Gt+VeMnTLexrgKtQVvqEB2SXy+8BrX9uyTdi5f4NjQ7N7ubzWd3s6L4Ua1gubDgMmiQKeVIckNONDaCo8lo4Jac+Cw1lU5PTRseHJqjI/5Xajv7LLROquVsZ4/FvtPBciupTSbotJfZ0ySQUTqtZM3vU3epPc3+dBFbrKwyRrTsXnbJ0wz2SVj838x0sfBB3ieskH0LoTB2ccmFIpRdSLF+eqrfoX82l93FIy9EQDG92mcnkzK6oqz7HqT5aUjHzBquWVw2FM2vmgqZ6Lp0vD56KCBlv95MbySHBRIamK2EwDBihOvDxOSyjEZS2BwVw1ChHH/mkTeGkRJGJoeJu9Jr+zJotbSMPvi+WmPkGGk/urMaX5wRG69u2c3ih1vT7kmYF9ahKXNmF/nPaI1FFejM2wzWSzphR63ItC4mNl4DK2Fo+52Q9uHuyO1tkW6GiUFxb+uQm01KctP+M2YHc/7zmshKk3njbji8oT6/QSAWNJTFlU1sEHAErfW6Riuo5NyHAm0Nbb7sb4WgE1HO9rdeeAoxH+GsG44Zxi+ST0zBI976lLO3C3xtUnhKd/Y6O1eyleyu5KXY+FI42/nuXHGRv9TOhTNNk/T0sl8Vy7d4jfsaQ8uH8uhTTRJnmoudVNypiJhMc9NIy6JtD8bkZPckdxC+kx3DP9z3smlHP3wAn2HOCR9D3Lrr1eB/XiPuOKT/3GTv7ca3SrGSHosOneMqkMyWDIaRPTRJWZlJqrSJTP8S9IqrOFvbkDM2+9IafCKyfofTJdwRii4ueqb3FTHebIXaVe9bYyTorUa46ciZEg6Adb3st99kvA4Gh0gZJDN2e52vfm7rilQvqtVoBjJPzhonksm9uTkDJ4sHJP7pGf2K8t7X7dV6wX9a2wZqS8FArUv8MsjLa9L2mkuWUeobDDGWdHatbxof3poyCFQM9VoegxrFS/1Ei2pUYzlyRyscE5tnFXlphoEnHGXxrFe+mRBo8wINqZHJJDIwq3uLzaBSlV5dERgzaKE3qNXmRvVAkdksXlZqoCjZa7G5eG9mgx+YXSzKTRAbq2rwPBoyGjM2pRljY5fJLWkN6VXzjzY0GMp6LR2dDxpHcZSc6uwtmy3JkEmWq9VXLYoCY02NJb1kEvR3by/7iVH8g62fCa/A8or96skr2StQIIFrKU+aQ3ixM3NnzB2TWfBSg6GUW9ow1jFdjJ3JkzGGKG8SSghhZuzh2I6xBnozEOfOzJkZqwl57VlLfZx7aUg6uPWZBD8WvIh61SqEdw8XA4MzcnN5Ic1PxpbB5WRy6iBxAZ+FUleLY3q35Ya6dY9DuqNlnOupbaKt4B63/wVSi5PK0SJ1h6dFb7QHZ5xNO5RHR71s8AyyFqfKJUWXzh7KpZ+8zda2h+q5jj4Z5Ayc3Wy/XND1dv4WB5Jb9e/6QFJbYiJlQmJa0O0mx9LQ2RCRal++pvNmVzXL49A1igWtWqCcJI1zLuwakZtZZvkPyfTFoaogJCYhkv/0a/WC0UBG4GjNouc/z+8VtZ0Ni9FXNaoXZDr+/3rvvW7vwwUdXXdnSNR36aiHTmjd9+nsRxehzgOl31WLi/fd7YBA9jaascnpNBou3309QgP6YtyiWEwHPtB3jZ6Adtro8ZrGpi3g9tqYCEFQgTawwA4aQrq22GYvtiBbFm0HnBjdlTYonem0doHPCZvFtNFU0sXtohOjO6oPAW90IIZ05aOC1dnbt32zKZa2P2FUiHZzjnI2iJgVVw8WSz/Yr8revjrlUYaSJWYle5TCdblVVJsi6cGJ4vXabtHSnrTzLk+n0HPLs7fXpzwynqvxvHCMn3zRkzW7G2XNcbyYzy+uJkRN9c7Zok/odHQZ7+LYmR+XubXa83YnP/+iI332wScPz4vJ/GMXpnrlbM5P6KSfXOmdurgd8RqkshJJESpNg0ArAqXCMqknKZlKHcGeHUF7+5IgUim4ocuTZjCjVDM9v2wJ057FAfA+/CxAFpgFlyoUBS6+2wNSO7KLdg30geESfuCvbTN6tcu+qVIecedlVxZ7KDpc765/EfRicnXNzWUOVdNKSz2M56ZMyWwJailxL7GNtKDgoLT0oSG7muvUedPtZqez1JkM7XQK4Xq1Pnd73urt5n14t71Oqxx/XiJLL3ou7En7dZWTgJmL+47nejryuQccDnh7/+SU2tUlMiPuxFK5J2zLuCtuuEfZOiVqwfndrOP4hw3+8QVn60q7Tv5San8WP/7x4/G05FUX5VIrcC8o12/qwSfOC/DKISoKXF1xdtg44iv9339bpuxF1KbNTLYz3PukXRU6CyFMNOzvv9BhDTdQ8mA4TGbXyDZ7BIA81VkhrrXZRnyuX21xKPCPym4UK1Vx+wutl7kYrSsTzsckO46fUe2ZG4QWLlpchBQiixd73iDPXH3+hBn/h2k8jpFjsh7TeMi073jjs8fQwBvFmbx5HLWZLJSprauqUGnmVfsTAf5Kcu5CamPUcNzppgrLx41R0qSjt1g/Sf5CWSXV0vaDNGN92u2V+cWdp0RPQ3eysk3r/97I1jWelnTCMIkuFjSmaIg0rnAZg8EsMOcnugEWjdfGl7IbiFU0WliTfq9ti2y6k+1MuuMv9Nydoyk/Z/SV+4vSbdMzrawYz9RCO7s8Z1tnkaWPySDhqs2X9FmxNUJvhbRWnOHPc4q4FJwa1O6xI+4vPo/K63wcz5YchZrJ4FXyaJk22nHMcTZofBJaPEaPSg+VRFjR5vfZ36r/lZ6bIHEjkyjdWls9rzulRCwU8w5J7OKp3xygDJ8CQGtgMzw1T3SaJLQEmtYZM5wmCidZQKBzhRRb/szd+OPH2G6hgksYAz+KIWxT1sXEOKgdtwWa1vJyhxhH9TYQ6Fwhxf5tmvyY/PJkz9JGLvu9f+t8p6HFJ74SAZcSgpcCTvpH55PHp6Dt6NEW8cR58yaKHwdTt5bdmwyCwRUz/Npz76XepLNjo+LVf0WwGMbWXXXrPAWetPOnjaU9dNfa9xPtJmaG7tpTanwX40kTeK6DV+lqRJeHxCJqnU79hW4EAUXq8mLZfY/p9Md9gwOOjgOeP+yjywzRLciY1Y5Kh5M42KW3uqY4q4LU4fFT9UkLFAvbKwuCYuq2NiYWwyz+rJyCnPsPt+BFwejSgweWYEuxQrsY+sY/v4Af+7pKIybUEsQalZ5DDE75Kxps1kSgqehAr0XMOiOk51OBjw065OqHedkSWjhM9zzM7mEaCJj9zETEYEAynAQAHCDCiViTwkwJCVbkcRmTaVIC2coledhq1gwj9spndg2Ovq62GsEMU6oN3B9ce1zB51lfl7QnMXMJp5BIyqmqrdHa3WZhkmW4Z5v1fI5ztgig3zBcgHAnM/69hHRwEpLDMbAAoH7MIb0oAqCysTO0Y1EAY208wfIBxjYwgtUCAGC+KE3tW4gp5Iv4QT3A2AGGsKSDencaplSvz8cc1MEzmK96zohFqDd7MS9zKy+worJOrUeHavpyALA+9E/RtTPNwQuYB6vm2NI8e2nQQZIzZuIIZoqmajGANSZh7PIJLBiY71mB0Wgnn0PLktk4wnu5sfUmYEbVbMAM5vlTWLjsBziEBYhoFWXcW4lRgfmGB9h4WkqLbiWn1iEnTj2NAb+AfofmP5swJ3iKHu1D1cxqJJcbO8h2LFHtP4/5qzv4QGXKZJAxapI1BwArQf+C3BvtBWoz3/Eb+MJqDG8DyIKBesgopjJ6+EaCZTZyGJvV9pPPYJHq7XOYzHh6Fxs34CmTJSLMTxHFrIaq5jQAunfI1KNMwdySn5nfFgBdYWj//ysaDiYSfyfkM8M+kKn//Wj6/X+vehMoty678d9tY6cTAfg/QwwXM5Sfre8tFon72GhAu4D9xVoz4L9oJXKFAHpmpeiNvTUpLnDw4RsRUHG3Av4/U0/H0z6N9bkxJsRI0ykUkdiHMkTiQK5eGsqj8iIFNxYMQhUTRB69ylo5DBJbAbDjl0MIQdMRQjEcDGFozgbw+qshAp4HISKa1yEKrW8+qVyD9VKqDxFBsK33c00NBxtpqWZ5mf0XOh0gnptw5h/GRPTX29XmatYXDBjzeqQntxOxtY081p8LeW44DFxPkTtsZOVFpof12tLKWDU8HlUtIgi29X7GN6aGg+VSvU2QX/8LnQ4QqcsE4j+M6R3Dp663qw0z8IUGjuWKdqYntxOX2xoZkUc/9lkajoNlcj3Rh+qwkZXPYUwPa7g+m+elK7GxcerSUbZC5/BIP4AEAgOLFBn0r/THQnh8I0eACBP6vx8+yxwviJKsqJpumJbtuJ4fhFGcpFlelFXdtF0/jNO8rJt2HTp16b7bz6VPf2CNjcUFkDyExuv2+qrAM9KBQgYDTTCfpy3qsuRZZyz4ynibHQj4QFcdQRDWaBqe5tJioDmC2+UTBUcfrGyBrPYK4TKWGjRkYpftU8orhKA8ztrkYNWB56TF86C70rE+a+PxsazRPEYwSeXzbbbPyzu6KV1cgAaGtuAc865YlCUlZ4n67tyr2PHLEmtSvoIY+dlYCmh0OvUs5UDJU0eDvl48BtdavfFwkI4tPs/AHrhBeU1TBGCJyE27mGi1CTa1bngx4REl+GknQML7tsUerju2d4KHHdCK2bMIj/cv0yM5D9e+ztAnPGVNZeaqPc0djGsN1ccLE+33wBdD1FhXkmvezBGDZPHR5RbDgLS9xdjRjGbWRsMtGG32JbJO5nRmzS3HZ4htLkqlxXJJ8c32iJjP5JT/U548ls62Z5wu/XkPFqmknxyhh2kyeQIeCTjLELnuDHiGwrCYtuIG8vOWGNFMHlLULeIQiBQhtEr5Qs5Knk4nc/E2ZVv2a2J3WWBCOX9XOVM4cjF+5l8gGEj+CAAAAA==') format('woff2');
  198. }
  199. .yticon {
  200. font-family: "yticon" !important;
  201. font-size: 16px;
  202. font-style: normal;
  203. -webkit-font-smoothing: antialiased;
  204. -moz-osx-font-smoothing: grayscale;
  205. }
  206. .icon-iconfontshanchu1:before {
  207. content: "\e619";
  208. }
  209. .icon-iconfontweixin:before {
  210. content: "\e611";
  211. }
  212. .icon-alipay:before {
  213. content: "\e636";
  214. }
  215. .icon-shang:before {
  216. content: "\e624";
  217. }
  218. .icon-shouye:before {
  219. content: "\e626";
  220. }
  221. .icon-shanchu4:before {
  222. content: "\e622";
  223. }
  224. .icon-xiaoxi:before {
  225. content: "\e618";
  226. }
  227. .icon-jiantour-copy:before {
  228. content: "\e600";
  229. }
  230. .icon-fenxiang2:before {
  231. content: "\e61e";
  232. }
  233. .icon-pingjia:before {
  234. content: "\e67b";
  235. }
  236. .icon-daifukuan:before {
  237. content: "\e68f";
  238. }
  239. .icon-pinglun-copy:before {
  240. content: "\e612";
  241. }
  242. .icon-dianhua-copy:before {
  243. content: "\e621";
  244. }
  245. .icon-shoucang:before {
  246. content: "\e645";
  247. }
  248. .icon-xuanzhong2:before {
  249. content: "\e62f";
  250. }
  251. .icon-gouwuche_:before {
  252. content: "\e630";
  253. }
  254. .icon-icon-test:before {
  255. content: "\e60c";
  256. }
  257. .icon-icon-test1:before {
  258. content: "\e632";
  259. }
  260. .icon-bianji:before {
  261. content: "\e646";
  262. }
  263. .icon-jiazailoading-A:before {
  264. content: "\e8fc";
  265. }
  266. .icon-zuoshang:before {
  267. content: "\e613";
  268. }
  269. .icon-jia2:before {
  270. content: "\e60a";
  271. }
  272. .icon-huifu:before {
  273. content: "\e68b";
  274. }
  275. .icon-sousuo:before {
  276. content: "\e7ce";
  277. }
  278. .icon-arrow-fine-up:before {
  279. content: "\e601";
  280. }
  281. .icon-hot:before {
  282. content: "\e60e";
  283. }
  284. .icon-lishijilu:before {
  285. content: "\e6b9";
  286. }
  287. .icon-zhengxinchaxun-zhifubaoceping-:before {
  288. content: "\e616";
  289. }
  290. .icon-naozhong:before {
  291. content: "\e64a";
  292. }
  293. .icon-xiatubiao--copy:before {
  294. content: "\e608";
  295. }
  296. .icon-shoucang_xuanzhongzhuangtai:before {
  297. content: "\e6a9";
  298. }
  299. .icon-jia1:before {
  300. content: "\e61c";
  301. }
  302. .icon-bangzhu1:before {
  303. content: "\e63d";
  304. }
  305. .icon-arrow-left-bottom:before {
  306. content: "\e602";
  307. }
  308. .icon-arrow-right-bottom:before {
  309. content: "\e603";
  310. }
  311. .icon-arrow-left-top:before {
  312. content: "\e604";
  313. }
  314. .icon-icon--:before {
  315. content: "\e744";
  316. }
  317. .icon-zuojiantou-up:before {
  318. content: "\e605";
  319. }
  320. .icon-xia:before {
  321. content: "\e62d";
  322. }
  323. .icon--jianhao:before {
  324. content: "\e60b";
  325. }
  326. .icon-weixinzhifu:before {
  327. content: "\e61a";
  328. }
  329. .icon-comment:before {
  330. content: "\e64f";
  331. }
  332. .icon-weixin:before {
  333. content: "\e61f";
  334. }
  335. .icon-fenlei1:before {
  336. content: "\e620";
  337. }
  338. .icon-erjiye-yucunkuan:before {
  339. content: "\e623";
  340. }
  341. .icon-Group-:before {
  342. content: "\e688";
  343. }
  344. .icon-you:before {
  345. content: "\e606";
  346. }
  347. .icon-forward:before {
  348. content: "\e607";
  349. }
  350. .icon-tuijian:before {
  351. content: "\e610";
  352. }
  353. .icon-bangzhu:before {
  354. content: "\e679";
  355. }
  356. .icon-share:before {
  357. content: "\e656";
  358. }
  359. .icon-yiguoqi:before {
  360. content: "\e997";
  361. }
  362. .icon-shezhi1:before {
  363. content: "\e61d";
  364. }
  365. .icon-fork:before {
  366. content: "\e61b";
  367. }
  368. .icon-kafei:before {
  369. content: "\e66a";
  370. }
  371. .icon-iLinkapp-:before {
  372. content: "\e654";
  373. }
  374. .icon-saomiao:before {
  375. content: "\e60d";
  376. }
  377. .icon-shezhi:before {
  378. content: "\e60f";
  379. }
  380. .icon-shouhoutuikuan:before {
  381. content: "\e631";
  382. }
  383. .icon-gouwuche:before {
  384. content: "\e609";
  385. }
  386. .icon-dizhi:before {
  387. content: "\e614";
  388. }
  389. .icon-fenlei:before {
  390. content: "\e706";
  391. }
  392. .icon-xingxing:before {
  393. content: "\e70b";
  394. }
  395. .icon-tuandui:before {
  396. content: "\e633";
  397. }
  398. .icon-zuanshi:before {
  399. content: "\e615";
  400. }
  401. .icon-zuo:before {
  402. content: "\e63c";
  403. }
  404. .icon-yiguoqi1:before {
  405. content: "\e700";
  406. }
  407. .icon-shoucang2:before {
  408. content: "\e62e";
  409. }
  410. .icon-shouhuodizhi:before {
  411. content: "\e712";
  412. }
  413. .icon-yishouhuo:before {
  414. content: "\e71a";
  415. }
  416. .icon-dianzan-ash:before {
  417. content: "\e617";
  418. }
  419. view,
  420. scroll-view,
  421. swiper,
  422. swiper-item,
  423. cover-view,
  424. cover-image,
  425. icon,
  426. text,
  427. rich-text,
  428. progress,
  429. button,
  430. checkbox,
  431. form,
  432. input,
  433. label,
  434. radio,
  435. slider,
  436. switch,
  437. textarea,
  438. navigator,
  439. audio,
  440. camera,
  441. image,
  442. video {
  443. box-sizing: border-box;
  444. }
  445. /* 骨架屏替代方案 */
  446. .Skeleton {
  447. background: #f3f3f3;
  448. padding: 20upx 0;
  449. border-radius: 8upx;
  450. }
  451. /* 图片载入替代方案 */
  452. .image-wrapper {
  453. font-size: 0;
  454. background: #f3f3f3;
  455. border-radius: 4px;
  456. image {
  457. width: 100%;
  458. height: 100%;
  459. transition: .6s;
  460. opacity: 0;
  461. &.loaded {
  462. opacity: 1;
  463. }
  464. }
  465. }
  466. .clamp {
  467. overflow: hidden;
  468. text-overflow: ellipsis;
  469. white-space: nowrap;
  470. display: block;
  471. }
  472. .common-hover {
  473. background: #f5f5f5;
  474. }
  475. /*边框*/
  476. .b-b:after,
  477. .b-t:after {
  478. position: absolute;
  479. z-index: 3;
  480. left: 0;
  481. right: 0;
  482. height: 0;
  483. content: '';
  484. transform: scaleY(.5);
  485. border-bottom: 1px solid $border-color-base;
  486. }
  487. .b-b:after {
  488. bottom: 0;
  489. }
  490. .b-t:after {
  491. top: 0;
  492. }
  493. /* button样式改写 */
  494. uni-button,
  495. button {
  496. height: 80upx;
  497. line-height: 80upx;
  498. font-size: $font-lg + 2upx;
  499. font-weight: normal;
  500. &.no-border:before,
  501. &.no-border:after {
  502. border: 0;
  503. }
  504. }
  505. uni-button[type=default],
  506. button[type=default] {
  507. color: $font-color-dark;
  508. }
  509. /* input 样式 */
  510. .input-placeholder {
  511. color: #999999;
  512. }
  513. .placeholder {
  514. color: #999999;
  515. }
  516. /* 商品列表 */
  517. .goods-list {
  518. display: flex;
  519. flex-wrap: wrap;
  520. padding: 0 30upx;
  521. background: #fff;
  522. .goods-item {
  523. display: flex;
  524. flex-direction: column;
  525. width: 48%;
  526. padding-bottom: 40upx;
  527. &:nth-child(2n+1) {
  528. margin-right: 4%;
  529. }
  530. }
  531. .image-wrapper {
  532. width: 100%;
  533. height: 330upx;
  534. border-radius: 3px;
  535. overflow: hidden;
  536. image {
  537. width: 100%;
  538. height: 100%;
  539. opacity: 1;
  540. }
  541. }
  542. .title {
  543. font-size: $font-lg;
  544. color: $font-color-dark;
  545. line-height: 80upx;
  546. }
  547. .price-box {
  548. display: flex;
  549. align-items: center;
  550. justify-content: space-between;
  551. padding-right: 10upx;
  552. font-size: 24upx;
  553. color: $font-color-light;
  554. }
  555. .price {
  556. font-size: $font-lg;
  557. color: $uni-color-primary;
  558. line-height: 1;
  559. &:before {
  560. content: '¥';
  561. font-size: 26upx;
  562. }
  563. }
  564. }
  565. /* 分享 */
  566. .share-section {
  567. display: flex;
  568. align-items: center;
  569. color: $font-color-base;
  570. background: linear-gradient(left, #fdf5f6, #fbebf6);
  571. padding: 12upx 30upx;
  572. .share-icon {
  573. display: flex;
  574. align-items: center;
  575. width: 70upx;
  576. height: 30upx;
  577. line-height: 1;
  578. border: 1px solid $uni-color-primary;
  579. border-radius: 4upx;
  580. position: relative;
  581. overflow: hidden;
  582. font-size: 22upx;
  583. color: $uni-color-primary;
  584. &:after {
  585. content: '';
  586. width: 50upx;
  587. height: 50upx;
  588. border-radius: 50%;
  589. left: -20upx;
  590. top: -12upx;
  591. position: absolute;
  592. background: $uni-color-primary;
  593. }
  594. }
  595. .icon-xingxing {
  596. position: relative;
  597. z-index: 1;
  598. font-size: 24upx;
  599. margin-left: 2upx;
  600. margin-right: 10upx;
  601. color: #fff;
  602. line-height: 1;
  603. }
  604. .tit {
  605. font-size: $font-base;
  606. margin-left: 10upx;
  607. }
  608. .icon-bangzhu1 {
  609. padding: 10upx;
  610. font-size: 30upx;
  611. line-height: 1;
  612. }
  613. .share-btn {
  614. flex: 1;
  615. text-align: right;
  616. font-size: $font-sm;
  617. color: $uni-color-primary;
  618. }
  619. .icon-you {
  620. font-size: $font-sm;
  621. margin-left: 4upx;
  622. color: $uni-color-primary;
  623. }
  624. }
  625. .guess-section {
  626. padding-bottom: 100upx;
  627. display: flex;
  628. flex-wrap: wrap;
  629. padding: 0 30upx;
  630. background: #fff;
  631. .guess-item {
  632. display: flex;
  633. flex-direction: column;
  634. width: 98%;
  635. padding-bottom: 0upx;
  636. // border-bottom:1px solid #ccc;
  637. }
  638. .image-wrapper {
  639. width: 100%;
  640. height: 330upx;
  641. border-radius: 3px;
  642. overflow: hidden;
  643. image {
  644. width: 100%;
  645. height: 100%;
  646. opacity: 1;
  647. }
  648. }
  649. .title {
  650. font-size: $font-base;
  651. color: #121212;
  652. }
  653. .price-orther {
  654. font-size: $font-sm;
  655. color: $font-color-base;
  656. }
  657. .price {
  658. font-size: 64rpx;
  659. color: #39b54a;
  660. line-height: 1;
  661. padding-right: 10upx;
  662. }
  663. .goods1 {
  664. font-size: $font-sm;
  665. color: $font-color-base;
  666. }
  667. .goods2 {
  668. font-size: $font-sm;
  669. color: $font-color-base;
  670. padding-left: 10%;
  671. }
  672. .goods3 {
  673. font-size: $font-sm;
  674. color: $font-color-base;
  675. padding-left: 10%;
  676. }
  677. .goods4 {
  678. font-size: $font-sm;
  679. color: #ff5500;
  680. }
  681. .goods5 {
  682. font-size: $font-sm;
  683. color: $font-color-base;
  684. }
  685. .view-item {
  686. width: 100%;
  687. // line-height: 40upx;
  688. padding-top: 10upx;
  689. }
  690. .confirm-btn {
  691. margin-left: 20%;
  692. }
  693. .date-time {
  694. margin-left: 30%;
  695. }
  696. .padding-xs-tmp {
  697. padding: 15upx 10upx 10upx 10upx;
  698. }
  699. }
  700. /* 底部操作菜单 */
  701. .page-bottom {
  702. position: fixed;
  703. left: 30upx;
  704. bottom: 30upx;
  705. z-index: 95;
  706. display: flex;
  707. justify-content: center;
  708. align-items: center;
  709. width: 690upx;
  710. height: 100upx;
  711. background: rgba(255, 255, 255, .9);
  712. box-shadow: 0 0 20upx 0 rgba(0, 0, 0, .5);
  713. border-radius: 16upx;
  714. .p-b-btn {
  715. display: flex;
  716. flex-direction: column;
  717. align-items: center;
  718. justify-content: center;
  719. font-size: $font-sm;
  720. color: $font-color-base;
  721. width: 96upx;
  722. height: 80upx;
  723. .yticon {
  724. font-size: 40upx;
  725. line-height: 48upx;
  726. color: $font-color-light;
  727. }
  728. &.active,
  729. &.active .yticon {
  730. color: $uni-color-primary;
  731. }
  732. .icon-fenxiang2 {
  733. font-size: 42upx;
  734. transform: translateY(-2upx);
  735. }
  736. .icon-shoucang {
  737. font-size: 46upx;
  738. }
  739. }
  740. .action-btn-group {
  741. display: flex;
  742. height: 76upx;
  743. border-radius: 100px;
  744. overflow: hidden;
  745. box-shadow: 0 20upx 40upx -16upx #fa436a;
  746. box-shadow: 1px 2px 5px rgba(219, 63, 96, 0.4);
  747. background: linear-gradient(to right, #ffac30, #fa436a, #F56C6C);
  748. /* background: linear-gradient(to right, #1DE5E2, #B588F7); */
  749. margin-left: 20upx;
  750. position: relative;
  751. width: 85%;
  752. .action-btn {
  753. width: 50%;
  754. height: 100%;
  755. font-size: $font-base;
  756. padding: 0;
  757. border-radius: 0;
  758. background: transparent;
  759. }
  760. }
  761. }
  762. .align-item-center {
  763. align-items: center;
  764. }
  765. .container {
  766. /* margin: 20rpx !important; */
  767. background: #F2F6FA;
  768. }
  769. .pages-sale-information {
  770. background: #F2F6FA !important;
  771. }
  772. /deep/uni-page-body {
  773. background: #F2F6FA;
  774. }
  775. body {
  776. background: #F2F6FA!important;
  777. }
  778. </style>